I have a nice menus override to override specific <li> and <ul>, but the more general theme settings override them. Is there a way to get the nice menus override to override everything that is less specific?

Comments

les lim’s picture

les lim
he/they
Primary language English
commented

Did you write your own CSS rules to accomplish this? The custom CSS you write to override the UL and LI elements needs to be more specifically targeted than the general theme CSS that applies to those elements.

Daniel Norton’s picture

Daniel Norton commented

I want my theme style to apply generally and the nice menus overrides to only apply to nice menus.

This would work fine if the nice menus css was read after the theme css.

For example, in my theme style, I have "line-height: 1.25em", but for my nice menus, I want "line-height: 0.8em". I set this in my nice menus override specifically for nice-menus classes and ids, but it is subsequently modified by the more general settings in the theme's css.

More specific css files should be read after more general css files. Nice menus overrides are more specific than theme settings.

les lim’s picture

les lim
he/they
Primary language English
commented

The order that the CSS rules are read shouldn't make a difference. Greater specificity always trumps lesser specificity, no matter what the order. The only time that rule order matters is when two different rules have the exact same level of specificity.

You should be able to increase the specificity of your custom CSS rules for nice menus by prepending your particular nice menu's ID selector before those rules;

#nice-menu-1 li a {color: green;}

You may already be doing this correctly, in which case you might check to make sure you're targeting the right element (i.e., you're writing rules for the "LI" when you really need to write rules for the "A"). If you're not using the Firebug extension for Firefox to inspect elements for how their CSS is being applied, you really should -- there's no better tool for debugging CSS.

add1sun’s picture

add1sun commented
Status: Active » Closed (fixed)

CSS issue with no more response. closing