Jump to content
Sign in to follow this  
jenny20k

Navigation bar colours

Recommended Posts

jenny20k

Hi I'd like to change the custom code to make the text of each link in my nav bar a different colour. I know the id of the bar but I can't see what class/ id each button is. Any ideas?

Share this post


Link to post
Share on other sites
cmunns

View the page source and do a search for menu-item- Or utilize a browser developer toolbar to inspect it that way.

Share this post


Link to post
Share on other sites
jenny20k

Hi Thanks - I have found that it is menu-item-539 but I'm not sure what that means I should put into custom code. I've been trying .menu-item-539{ font-colour... }

Share this post


Link to post
Share on other sites
Kate

Hi Jennifer, It would actually be something like this:

.menu-item-539 a{color:#ffffff;}

(as an example).

Share this post


Link to post
Share on other sites
Kate

Hi Jennifer, It would actually be something like this:

.menu-item-539 a{color:#ffffff;}

(as an example).

Share this post


Link to post
Share on other sites
jenny20k

Brilliant, thanks Kate! I have done this and am now trying to change the hover colour - I'd like it just to be the same colour as the nav item but bold. is this the same css but using a.hover? : /

Share this post


Link to post
Share on other sites
jenny20k

Thanks! For some reason that works for making my hovers bold but doesn't help with the color. Any idea why? creativecheshire.com is the link.

Share this post


Link to post
Share on other sites
timlinson

Try adding !important to the color rule: `color:#33cc99 !important;`

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×