[BlakeN]

Thanks Brad

The boarder is perfect but the drop shadow is rendering outside the site container for some reason. Essentially on the left and right of the header rather than just the bottom.

I ran into this issue previously. I'm wondering if I should trying dropping the css somewhere else.

Do you know of a fix?

[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