Changing Menu font colours

Homepage Community Forums Epik Theme Support Changing Menu font colours

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #8842
    jus
    Customer

      Hi,

      Can you please tell me how to change the font colours for the menu items.

      http://www.thesweetsource.com

      Ideally, I’d like each item to be a different colour.

      Thank-you very much for your help, I greatly appreciate it.

      jus

      #8853
      Wes
      Moderator

        Take a look at your source code and you’ll see something like this –

        <ul id="menu-newsletter" class="menu genesis-nav-menu"><li id="menu-item-83" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-83"><a href="http://www.thesweetsource.com/newsletter/">Newsletter</a></li>
        <li id="menu-item-80" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-80"><a href="http://www.thesweetsource.com/blog/">Blog</a></li>
        <li id="menu-item-82" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-82"><a href="http://www.thesweetsource.com/about/">About</a></li>
        <li id="menu-item-81" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-81"><a href="http://www.thesweetsource.com/contact-us/">Contact Us</a></li>
        </ul><!--formatted--><!--formatted-->

        Each link has it’s own unique menu ID. You can then add that ID to your css and apply the color you want. Here is an example for the first one –

        
        #menu-item-83 a {
        	color: #333;
        }

        Then replace the ID number above with any of the other ID’s to change their colors.

      Viewing 2 posts - 1 through 2 (of 2 total)
      • You must be logged in to reply to this topic.