Search code examples
cssheaderbordershadow

Need to remove gray shadow from borders of header in WP theme


Using WP there is a gray shadow on either side of the page header and I cannot find any way to remove it. see faint gray as highlighted in red brackets please

I've tried disabling the css box shadow but to no avail:

#wrapper, .container, #container, .banner headerclass, .wrap contentclass, #row, #header, header {
    border: 0px red solid;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}


Solution

  • .boxed #wrapper.container {
       -webkit-box-shadow: 0 0 5px 1px rgba(0,0,0,.16)!important
    }
    

    The top-level <div> with the boxed class is the one containing the box-shadow you don't want. You can also search for style attributes in the browser inspector if you ever get stuck and can't figure out where an attribute is being applied.