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