Change background color on single menu item

Hi
I would like to change the background on a single menu item so that it stays highlight while in that section of the site. See attached screenshot of what I would like.
Page is here:
http://concordportal.staging.wpengine.com/songwriters/gene-vincent/

thanks

I figured out how to change the background but now how do I just change that anchor text for that link to black?

Hi there,

Please kindly go to Appearance > Menus and at the top right section click on the Screen Options and enable the CSS Classes:

Then, go to the desired menu item and you will see a new option added. Add a unique class there, for example: uniqueclass

And finally, go to Pro > Launch > Theme Options > CSS and add the CSS code below:

.x-menu > li.uniqueclass {
    background-color: white;
}
.x-menu > li.uniqueclass > .x-anchor .x-anchor-text-primary {
    color: black !important;
}

Thank you.

Beautiful!
Thanks

You’re welcome.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.