Shape 5

Hi, our template would like to primarily utilize green (#006633) but as you can see from the screenshot-when we implement all green on the template background, it makes the words hardly legible upon roll over (when viewing the top/main menu).

Can we do a CSS override for just the menu item at the top so it is always white, and not that dark green? This will make things more legible for the user. :)

http://enmu.edu/alumni-foundation/

Matthew

Hello,

You would have to modify the template's index.php file and just above the </style> closing tag add:

#s5_nav li a:hover {
color:#000FFF !important;
}

Change the hex color as desired.

I added the code snippet but I am still not seeing the changes? See attachment.

Matthew

Hello,

Try changing it to this:

#s5_nav li a:hover, #s5_nav li span:hover {
color:#000FFF !important;
}

It is working, but still sort of funny in process. Go to the URL for a test drive and I think you will know what I am talking about...

For example, when hovering on sub menu items it is green again. Also, when that particular page is live, it is green again. :)

Can you advise further?

http://enmu.edu/alumni-foundation/

Hello,

You probably need this as well:

#s5_nav li.mainMenuParentBtnFocused, #s5_nav li.active:hover {
color:#FFFFFF !important;
}

Hmmmm...still acting funny.  Any further advice?

M

Here is an example link that looks funny. The contact button that is still green...

http://enmu.edu/alumni-foundation/content/contact

Hello,

This would work for that:

#s5_nav li.active span, #s5_nav li.active a {
color:#FFFFFF !important;
}

You can also use Firebug to identify the classes being used on these areas if you run into other areas that need adjusted.