Shape 5

First of all, very good work on this template - front and backend.  I work with Joomla a lot and have used all types of frameworks and Vertex accompanied with whoever designed this did a very good job...!

Onto my question.  For whatever reason, I'm having trouble changing the colors of the menu in my custom.css.  I can manipulate the menu just fine at #s5_menu_wrap and #s5_menu_wrap li, along with the color... but I CANNOT get the font color to change, unless I change it for all Highlight modules (which i definitely don't want to do).

What I'm trying to accomplish is the menu with a white background, black font, and keep that slim dark bar at the top of a hovered menu item (but not color hover the whole <li>.  I've been geeking out in Inspector for a couple hours now so it's time to ask for help  ;D

Hope that makes sense.  Thanks s5!

Hello,

The background colors are controlled in the index.php file since they are called by php:

#s5_nav li.active, .readon:hover, p.readmore a:hover, button:hover, .btn-primary:hover, .button:hover, .pagenav a:hover {
background:#<?php echo change_Color($s5_highlight1,'+50'); ?>;
}

#s5_nav li:hover, #s5_nav li.mainMenuParentBtnFocused {
border-top:solid 5px #<?php echo change_Color($s5_highlight1,'+50'); ?>;
background:#<?php echo change_Color($s5_highlight1,'+30'); ?>;
}



The s5_nav calls are the menu calls. The font color is then in s5_flex_menu.css:

#s5_nav li a {
    color: #ffffff !important;
    font-size: 0.85em;
}