Footer and menu hover bg color change - Forum | JoomShaper
Solved SP Page Builder

Footer and menu hover bg color change

Asked by Kostas Mantas 3 years ago Last activity 3 years ago

I need to change footer color and hovers color from menu but nothing from preset. I was delete also my cache from browser.

Accepted answer

Marked as the solution
Rashida Rahman Staff
3 years ago

You're always welcome:)

Here is the requested code snippet:

.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a {
    color: white !important;
}

Best Regards

4 more replies

Oldest first Newest first Most helpful
Rashida Rahman Staff
3 years ago

Hi there!

Thnks for contacting us.

If you do not want to do it from the preset edit options or custom style then please use the following code in your custom CSS:

.sp-megamenu-parent>li:focus>a, .sp-megamenu-parent>li:hover>a, .sp-megamenu-parent>li:active>a, .sp-megamenu-parent>li.active>a {
    color: purple !important;
}

Did you mean the background color of bottom and footer?
Then here you go:

#sp-footer, #sp-bottom {
    background: grey !important;
}

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

https://prnt.sc/5mBuSRh907N3

https://prnt.sc/ooiq-lkMEXr_

https://prnt.sc/nunlX-f5AhK1

Best Regards

Kostas Mantas Asked this
3 years ago

i need also the bg color in sub menu.. not to titles the box

Rashida Rahman Staff
3 years ago

If I get it right, then here you go:

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    background: cadetblue !important;
}
Kostas Mantas Asked this
3 years ago

Perfect... really ty
1 more thing if u can help me... can i change Dropdown Menu Text Color?

Log in to reply.