Changing The Active Item Menu Color - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!
Back to the questions

Changing The Active Item Menu Color

DC

Dan Cheramy

Template 4 years ago

We are using the Floox Template. With all of the rules that are assigned to the class on the active header, we are wondering if there is a better way other than using custom CSS to change this color. It just feels like this should be "less work" than to have to go through all of that trouble. Unfortunately, we're not seeing it.

0
1 Answers
Order by
Oldest Newest Votes
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 4 years ago #37455

Hi there!

Thanks for contacting us.

If you are talking about the active menu item color then you will find the custom style option within the Preset tab of your template options.

If you are talking about the background color of it then it is designed to make it different in some of our templates, so we have taken the opportunity, and hence custom CSS is always an option for you. Here is a sample code for you:

.sp-megamenu-parent >li.active>a, .sp-megamenu-parent >li:hover>a {
    background: green !important;
}

You can put any color within the above code as per your need.

Note: Path towards custom CSS: Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.

Best Regards

0