changing colour of menu items based on page - Forum | JoomShaper
Solved SP Page Builder

changing colour of menu items based on page

Asked by damian 3 years ago Last activity 3 years ago

is it possible to assign menu and colours based on the page

e.g. on my site at www.936.se everything works as i'd like on the homepage .. but as soon as you go to a sub page i.e. https://936.se/about-us as the menu is white you don't see it

so i'd like to either change the colour for homepage or all other pages ..

is this possible via page builder??

Accepted answer

Marked as the solution
Rashida Rahman Staff
3 years ago · edited

Hi there!

Thanks for contacting us.

This doesn't have anything to do with SPPB but with template.

You can try the following code in your custom CSS to change your menu item color for every pages:

#sp-menu .sp-megamenu-parent>li>a {
    color: #d95d5d !important;
}

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

Or, If you want different color for different pages, then you need to duplicate/copy your template style and assign the pages through the menu assignment tab.

https://prnt.sc/pS_mKkGYOxP5

https://prnt.sc/C1or7RMI084l

https://prnt.sc/Oo43ON8TOyLB

Hope this helps!

Best Regards

4 more replies

damian Asked this

I've not done it .. but this seems logical. I'll try. Thanks

Rashida Rahman Staff

You are always welcome:)

Have a nice day!

damian Asked this

This worked, thank you.

Rashida Rahman Staff

Happy to help and Glad that it worked :)

Log in to reply.