- This topic has 1 reply, 2 voices, and was last updated 9 years, 11 months ago by .
Viewing 2 posts - 1 through 2 (of 2 total)
Viewing 2 posts - 1 through 2 (of 2 total)
- You must be logged in to reply to this topic.
Home › Community Forums › Optimal Theme Support › (drop)shadow below header subpages like shadow above footer
above the footer there is standard a shadow. i also want it below the header. how can i do this inoptimal? www notaristarieven.nl/sitemap
You would need to add a box shadow to the .head-wrap (the div that your header is inside of) like this –
.head-wrap {
box-shadow: 0 10px 25px #ccc;
-moz-box-shadow: 0 10px 25px #ccc;
-webkit-box-shadow: 0 10px 25px #ccc;
}
The 3 shadows above cover multi browser support (chrome, firefox, safari, etc).
Although you may not want this to appear on your homepage if you’re using a slider, since the shadow will appear on top of the slider background, and it won’t look right. To remove it from appearing on the homepage (only) if you’re using a slider, then add this right under the above code –
.home .head-wrap {
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
}