Tagged: #active menu different color
Hello!
I’ve 4 menú items on left side menú and I need 4 different colors when evenry men is active.
I’t works on hover, but do not on active state. I used these codes:
#menu-item-118 .avia-menu-text {
font-size: 15px!important; font-weight: bold!important; color:#4b7be5!important;
}
#menu-item-118 .avia-menu-text:hover {
font-size: 15px!important; font-weight: bold!important; color:red!important;
}
#menu-item-118 .avia-menu-text a:active {
font-size: 15px!important; font-weight: bold!important; color:red!important;
}
Thank you very much!
Hi silviaxal,
You can use the .current-menu-item to target it:
#menu-item-118.current-menu-item .avia-menu-text {
}
I noticed that you’re targetting only menu-item-118, is this only for the contact menu item? and not for all items in the menu?
Best regards,
Nikko