XF 2.2 Different color public navigation link?

[ArtG]

So I want one of the links in the public navigation to stand out from the rest. I want to make it red in color and different from the rest.

Any good idea on how best to accomplish this?

Thanks

 

[Paul B]

Add this to the extra.less template:

.p-nav-scroller a
{
    color: red;
}

 

[ArtG]

@Brogan Thank you.

I re-read my request and I wasn't clear. Of all of the nav bar items, I only want one to stand out from the rest and be red. Can I target one particular nav bar item to be red?

 

[Russ]

You'll need to inspect the navigation and look for the "data-nav-id". Use CSS like this:

a[data-nav-id="whatsNew"]
{
    color: red;
}

 

[securedme]

You'll need to inspect the navigation and look for the "data-nav-id". Use CSS like this:

a[data-nav-id="whatsNew"]
{
    color: red;
}

How to make this red? Thanks.