Header Box Shadow

[BlakeN]

Hi,

I am simply trying to add either a drop shadow or thin grey accent to the bottom of the site header.

Right now it blends in with all the pages.

http://directmktg101.com/mailing-lists/

http://directmktg101.com

[Brad Dalton]

Try this:

.site-header {
border-bottom: 10px grey solid;
-webkit-box-shadow: 0px 10px 5px rgba(50, 50, 50, 1);
-moz-box-shadow:    0px 10px 5px rgba(50, 50, 50, 1);
box-shadow:         0px 10px 5px rgba(50, 50, 50, 1);
}

---

Tutorials for StudioPress Themes.

[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?

[Author]

Posts