Jump to content


Photo
- - - - -

Navigation bar colours


  • Please log in to reply
9 replies to this topic

#1 jenny20k

jenny20k

    Super Member

  • Members
  • PipPipPipPip
  • 100 posts

Posted 13 April 2011 - 03:38 PM

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?

#2 cmunns

cmunns

    Advocate

  • Members

  • 6537 posts
  • Country: Country Flag

Posted 13 April 2011 - 07:45 PM

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

#3 jenny20k

jenny20k

    Super Member

  • Members
  • PipPipPipPip
  • 100 posts

Posted 14 April 2011 - 08:38 AM

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... }

#4 Kate

Kate

    Advocate

  • Members
  • 3039 posts

Posted 14 April 2011 - 12:39 PM

Hi Jennifer,
It would actually be something like this:

Please Login or Register to see this Hidden Content

(as an example).

#5 Kate

Kate

    Advocate

  • Members
  • 3039 posts

Posted 14 April 2011 - 12:39 PM

Hi Jennifer,
It would actually be something like this:

Please Login or Register to see this Hidden Content

(as an example).

#6 jenny20k

jenny20k

    Super Member

  • Members
  • PipPipPipPip
  • 100 posts

Posted 14 April 2011 - 03:06 PM

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? : /

#7 cmunns

cmunns

    Advocate

  • Members

  • 6537 posts
  • Country: Country Flag

Posted 14 April 2011 - 06:24 PM

not a.hover but a:hover

#8 jenny20k

jenny20k

    Super Member

  • Members
  • PipPipPipPip
  • 100 posts

Posted 14 April 2011 - 07:16 PM

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.

#9 timlinson

timlinson

    Advocate

  • Members
  • PipPipPipPipPip
  • 1032 posts

Posted 15 April 2011 - 02:39 AM

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

#10 jenny20k

jenny20k

    Super Member

  • Members
  • PipPipPipPip
  • 100 posts

Posted 15 April 2011 - 01:03 PM

At last, thank you : )