Reply To: Changing Menu font colours

Homepage Community Forums Epik Theme Support Changing Menu font colours Reply To: Changing Menu font colours

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