Change the background and text color of one menu item

I would like to change the BOOK NOW button on the nav to be inverted. Like how the home button has a pill box surrounding it. I would love or the book now button to be black background with white text in a similar pill/oval shape as the home button.

Thanks for the help. All this assistance is really helping me make the website look great.

HI there,

Please enable the CSS Class option in the Screen Option settings of the Menu area:

Then add a class to the Book Now menu item:

Then add this code in the Global CSS:

.x-navbar .desktop .x-nav>li.book-now a span {
    background-color: #000;
    color: #fff;
}

Hope this helps.

perfect! Thanks so much.

We are delighted to assist you with this.

Cheers!

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