current menu item color change

Question

i am working on a site .as you can see the menu item digital marketing.when you click on it it takes you to the digital marketing page and the current menu item color changes to the given color.the problem is all the menu items under the current menu item also changes its colors.you can see that when you hover the current menu item with dropdown.

i cheked the css and found

ul#menu-main li.current-menu-item a {
color: #333333;
}

I changed it to

.current-menu-item a {
color: #333333;
}

which didn't help.what can be the problem please help!!thanks!!

just a guess try adding the ! important attribute to the class — threeleggedrabbit, Nov 05 '14 at 10:11

score 3 · Accepted Answer · edited Nov 05 '14 at 10:12

3

Change your css:

ul#menu-main li.current-menu-item > a {
    color: #333333;
}

edited Nov 05 '14 at 10:12

Salman A

229,425
77
398
489

answered Nov 05 '14 at 10:09

amit

869
6
16

hi that worked ..what was the problem actualy? – Melvin Nov 05 '14 at 10:13
It allows you to select the children of the element. – amit Nov 05 '14 at 10:22

current menu item color change

1 Answers1