Header Box Shadow

Community Forums Forums Design Tips and Tricks Header Box Shadow

This topic is: not resolved

This topic contains 2 replies, has 2 voices, and was last updated by  BlakeN 9 months, 1 week ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #79176

    BlakeN
    Participant
    Post count: 15

    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
    #79199

    braddalton
    Participant
    Post count: 9794

    Try this:
    [css]
    .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);
    }
    [/css]


    #79234

    BlakeN
    Participant
    Post count: 15

    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?

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.