Top-header box-shadow CSS constantly overridden by CSS from index.html

  • philsui

    (@philsui)


    7 years ago

    Hi

    I am trying to add a nice box-shadow to my (fixed) top-header. Actually, I thought that was quite straightforward – just add the following snippet to your child-theme:

    .et-fixed-header#main-header {
    -webkit-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.45)!important;
    -moz-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.45)!important;
    box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.45)!important;
}

    (I added the !important tags in a state of advanced dispair….). Turns out that does not work. That CSS is constantly overridden by a small snippet that “comes from nowhere”:

    .et-fixed-header#main-header {
    box-shadow: none!important;
}

    What a nasty little bastard! And I could not figure out where it comes from. It keeps returning even after I deleted all possible caches and temporarily stored stuff (also locally stored stuff, which I deleted through Chrome Inspect). The source is given by (index):115 through Chrome Inspect. When clicking on that link I can see that it is an index.html file (<!DOCTYPE html>) where line 115 begins as follows: <style id=”et-divi-customizer-global-cached-inline-styles”>body{color:#000000}h1,h2,h3,h4,h5,h6{color:#000000} […] Much further to the right of that line I can see the little bastard: .et-fixed-header#main-header{box-shadow:none!important}.

    Any suggestions on how to get rid of that in order to simply show that box-shadow (which I can see works properly when I manually deactivate the little bastard through Chrome Inspect).

    Thanks a lot, Philip

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Keith Driscoll

    (@keithdriscoll)

    I took a look at your site and believe the issue is related to your theme.

    Because you are using a commercial theme you should contact your theme’s author for support here.

Viewing 1 replies (of 1 total)
  • The topic ‘Top-header box-shadow CSS constantly overridden by CSS from index.html’ is closed to new replies.