Forums

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; }

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

HugoGiraudel

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

Paulie_D

I THINK you could do it with

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

HugoGiraudel

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.

CrocoDillon

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

So it only applies only to the a element that is a direct child of the active list item.

HugoGiraudel

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.

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!

[Solved] Parent Menu and Sub Menu Background Color