[BlakeN]

I just realized I only need to add the opacity in the image. It's early here.

Thanks again.

[BlakeN]

Thanks for the quick reply.

I was able to implement the code above prior to posting the question. I wanted to recreate the example http://www.charitywater.org/ where it fades from dark to light and the text does not fade.

[BlakeN]

It looks like it is working out.

Thank you!

[BlakeN]

I actually do not believe the mistake is occurring because of the box shadow. I tried removing the box shadow coding and the error was still apparent.

Here is what is currently implemented:

/* Site Containers
--------------------------------------------- */

.site-container {
margin: 0 auto;
max-width: 1140px;
box-shadow: rgb(170, 170, 170) 0px 0px 15px;
}

.executive-pro-landing .site-container {
max-width: 800px;
}

.site-inner {
-moz-box-shadow: 0 0 0 1px #fff;
-webkit-box-shadow: 0 0 0 1px #fff;
background-color: #fff;
box-shadow: 0 0 0 1px #fff;
clear: both;
margin: 0 auto;
overflow: hidden;
}

.executive-pro-home .site-inner {
overflow: visible;
}

I went ahead and removed the shadowing (box-shadow: rgb(170, 170, 170) 0px 0px 15px;) so you can see where the header is still apparent.

Thanks for the help!

[BlakeN]

This reply has been marked as private.

[BlakeN]

Works great!

Thanks for the help Andrea!

[BlakeN]

Perfect! Thanks again Andrea.

Kind regards,
Blake

[BlakeN]

Thanks for the insight Andrea!

What would be the best way to code an override of the styling elements for H tags?

[BlakeN]

Thanks Chris.

 

[BlakeN]

Thanks for the quick response Chris.

I did consider that but I did not want the text area to be in columns as the social widgets are.  Instead I just wanted a paragraph to run across the width of the area.

[Author]

Posts