Forums

Body and header shadow?

Permalink
Anyone able to tell me how to replicate the drop shadows found on the Neat template? I'm using Stucco but would love to add that effect to my theme. If you observe there is a drop shadow on the edges of the body and at the bottom of the navigation bar:

http://neat.15robots.com/

Thank you
 
MrKDilkington replied on at Permalink Best Answer Reply
MrKDilkington
Hi MaxGT,

The header uses this CSS style:
.site-header {
    box-shadow: 0 1px 6px rgba(0,0,0,0.25);
    position: relative;
    z-index: 10;
}

The position is relative to allow a z-index to be used so that it is layered over other elements.

The section between the header and footer uses a standard box shadow:
#content > .container {
    background: #fff;
    box-shadow: 0 1px 6px rgba(0,0,0,0.25);
    padding-left: 45px;
    padding-right: 45px;
}