Cross browser CSS issues, won't recognise all css input.

Hi,

Somehow not all !important css is being recognised when I apply it in either the quick css or a child theme.
It seems it has to do with all elements I try to overrule with !important. Some of them won’t be recognised in Firefox unless I copy the css line and paste it in the quick fix box. It will read one of the lines first, ignore it and then see the other line and use it.

For example:
In my child theme i have: .logo img { display: none!important; }

This works fine in Chrome and Safari. It doesn’t in FF. But when i paste it in the quick fix box it does work in FF.

Does this mean i have to copy all !important lines to the quick fix box? Can’t be right?

Edit: Ah yeh, my guess would be that whatever i’m adding conflicts with the standard options that come with the enfold dashboard. If i create my own divs and use the !important rule, it works in FF.

Thanks for your help! :)

• This topic was modified 9 years, 4 months ago by Liv.