Navbar Link Colour

[Alan Wade]

Is there an easy way to change the colour of just one of the navbar links?

Thanks in advance
Alan

[glennrocksvb]

Each nav bar has its own unique class that starts with "navbar_". Right click and inspect the nav bar element and find out what class it is using. Then you can use that class to style that element in your custom css:

.navbar_XXXXX {
    color: red;
}

Replace XXXXX with the corresponding value.

[Alan Wade]

When I right click on the link and select Inspect Element I get this:



Its at this point that I am completely lost.

[glennrocksvb]

As you can notice it is using navbar_daily_quiz class.

[Alan Wade]

I added
.navbar_daily_quiz {
color: red;
}
to the additional.css but still nothing. What is it that I am doing wrong?

Alan

[glennrocksvb]

Please post or PM the link to your site for me to see.

[Alan Wade]

Hi Glenn its: www.plymouthlink.co.uk

Thankyou for your time and patience.

Alan

[glennrocksvb]

Try this:

.navbar_daily_quiz {
    color: red !important;
}

Without !important, the default CSS was overriding the custom CSS as it had more specificity.

[Alan Wade]

Perfect! thankyou so much.