Parent Menu and Sub Menu Background Color

[tingo]

Hi :)
Do you know how to do this please?

I want the Parent of the active menu black.
I’ve used CSS

#sticky_navigation ul li.active a { background:#333; }

[Your text to link here…](http://virtuemarttemplate.com/demo/VM01/index.php/layout “Example Page”)

but this also changes the color of the

.dropdown-menu

Which I want keep “background:#FFF” white.

Do you know how I can do this please?

Many Thanks and Best Regards
Charles

[Kitty Giraudel]

.nav > li a { background: #333; }

[Paulie_D]

I THINK you could do it with

.dropdown-menu li a {
background:white;
}

[Kitty Giraudel]

Yup, it is another solution as well.

Either you apply the background to the main list only and not to the dropdown menues. Or you apply it to every list items and fix it on dropdowns.

[Kitty Giraudel]

This selector is getting heavy. You may reduce it: #sticky_navigation .active > a.

[tingo]

Thank you very much for your help Hugo

[tingo]

Hi Hugo
Would you please help?

I’ve changed the link color

ul.dropdown-menu li.active a { #DAA520 !important; background#fff; }

But the background on the active link is still black.

[http://virtuemarttemplate.com/demo/VM01/index.php/layout/2-column-left]”Page Link”)

Many Thanks for your help and time

Best Regards
Charles

[Sedana]

It’s not just a typo?
background#fff; should be background:#fff;

Also since you have been using !imporant it might be overridden by the
‘#sticky_navigation .active > a background: #333 !important;’ property.

[tingo]

The problem is when I remove the !important
Then I lose the background color on both the parent
and the submenu

Many Thanks for your help

[tingo]

It’s ok I’ve fixed it Thanks!

[Author]

Posts