Add background color to one link only in nav bar

[fress]

Hi, I’m stumped at an easy modification for Casper theme. Very annoying, having modified a bunch of complicated items! Must be getting tired.

I want to add a background to a single link in the menu bar, so it stands out from the rest.

I have identified .gh-navigation ul class=“nav” and li class=“nav-order-eggs.nav-current” but can’t put them together in the code inspector to add #000 background to the specific li class

Please put me out my misery so I can put the theme changes to bed. Thanks

[Cathy_Sarisky]

li.nav-order-eggs {
    background-color: black;
}

This will always apply to your ‘order eggs’ menu item. If you change it to:

li.nav-order-eggs.nav-current {
    background-color: black;
}

… then it will only get applied when you are on the ‘order-eggs’ page.

[fress]

You are a star. Thank you for that prompt response. I can have a nap now. cheers