[NightFoxParticipant]

Hi there,

I’d like to show a different colored background for each of the pages of our primary menu navigation on active pages. I’ve tried this for one, but it’s not working?

Can you please tell me what I’m messing up?

Thanks a lot

.menu-item-75 a:active {
background-color: #000;
}

.menu-item-30 a:active {
background-color: red;
}

[NightFoxParticipant]

This reply has been marked as private.

[FriechModerator]

Hi There,

Thanks for writing in! You can add this under Custom > CSS in the Customizer.

.x-nav .current-menu-item a span {color: white;}
.x-nav #menu-item-75.current-menu-item {background-color: #103f4d;}
.x-nav #menu-item-25.current-menu-item {background-color: #8cc63f;}
.x-nav #menu-item-26.current-menu-item {background-color: #7c000a;}
.x-nav #menu-item-30.current-menu-item {background-color: #f1f1f1;}

Hope it helps, Cheers!

[NightFoxParticipant]

Thanks so much did the job

[Nabeel AModerator]

Glad we could help 🙂

Cheers!

[Author]

Posts