Styling Specific Nav Item

Support
#1

Hello,

I’d like to add a background color to the “Learn More” item in the main navigation on http://collaborative-staging.com/edfuel/: https://www.evernote.com/l/AO750oFtOr5KIZyGieSnxfsnF0ZkjAfwOx8.

The idea is that it would be simliar to the “Learn More” button on https://decideplatform.com/.

Is there CSS I need to add for that to work?

Thank you very much!

#2

Hi,

To achieve that, you can add this in Custom CSS

.x-navbar .desktop .x-nav > li.menu-item-830 > a > span {
    background: blue;
    color: #fff;
    padding: 10px;
    margin-top: -10px;
}

For future reference

If you are using chrome you can right click and inspect element to able to see which class to target.

eg.

Hope that helps.

#3

Of course, thank you. I should’ve remembered that. Don’t do this often enough to have those habits. Many thanks for your help!

#4

Glad that we could be of a help :slight_smile: