Struggling with box shadow implementation – header menu and body ?

  • Hey folks – I’d really appreciate a little bit of help.

    I’m struggling to put my boxshadow reference into the right location of the style.css for Twenty Eleven – I’ve managed to get it working on the menu previously but what I’m after is the entire website panel (the exterior / outer edges of the header, edges of the menu, the body and the footer) to have a box / drop shadow..

    Example F in the case of https://www.css3.info/preview/box-shadow/
    {
    -moz-box-shadow: 0 0 5px 5px #888;
    -webkit-box-shadow: 0 0 5px 5px#888;
    box-shadow: 0 0 5px 5px #888;
    }

    The website is https://thedealaa.com.previewdns.com/

    Could someone please tell me where to specifically edit the style.css? Thank you kindly (and yes I’ll go make it a child theme before I make any changes if that is required)

    Thank you very much!

Viewing 1 replies (of 1 total)

  • Well the class for the header is called #branding and the class for the footer is #colophon and finally the class for the entire body is #page

    My guess would be to try putting the drop shadow in there. So editing the style sheet at those classes/IDs like so:

    #colophon {

box shadow code 

}

    Megan

Viewing 1 replies (of 1 total)
  • The topic ‘Struggling with box shadow implementation – header menu and body ?’ is closed to new replies.