Make text background color on one navigation option?

[AACT]

Hello helpful support, how does one make the background color of text in a navigation be unique from the other options? (Pro Header Builder) https://aacofctstage.wpengine.com/

ex:

[prakash_s]

Hello Leon,

Thanks for writing to us.

I would suggest you go to the WordPress Dashboard —>Appreances —>Menu—> Add a custom Class(custom-menu) in the menu item to which you want to add a background color.

Now add this custom CSS code Theme Option —>CSS

li.custom-menu .x-anchor-text {
background-color: #06ddd6;
}

Please feel free to change the color code and class name. Please note if you change the class name you would have to change the CSS selector code as well. The purpose of providing custom CSS is to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector.In case you have no idea about coding you can subscribe to One where customization questions are answered.

Hope it helps.
Thank

[AACT]

You are the best, perfect thank you

[prakash_s]

Hello Leon,

Gload that we were able to help you. Please feel free to open a new thread if you have any more concerns.

Thanks

[AACT]

Hi Im sorry one small thing how can I chage the text color I added this and its not working

li.custom-menu .x-anchor-text {
color: #ffffff;
background-color: #848484;
}

EDIT NM I figured it out:
li.custom-menu .x-anchor-text .x-anchor-text-primary {
padding: 2px;
background: #848484;
color: #fff !important;

}

[prakash_s]

Hello Leon,

I checked your site it seems that you have changed the text color and it is working fine. Glad that you achieved it by yourself.

Thanks