Very, very simple CSS for white hover text

Community Forums Forums General Discussion Very, very simple CSS for white hover text

This topic is: not resolved

This topic contains 3 replies, has 2 voices, and was last updated by  gregpayette 10 months, 3 weeks ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #76709

    gregpayette
    Participant
    Post count: 26

    I can’t figure this one out…

    Changed the hover background (green) in the right header widget/custom menu.

    But can’t find the CSS to change the text to white (on hover). I used firebug and still couldn’t find it. (I’m not sure I know exactly what I’m doing w/firebug, to be honest).

    Thanks in advance! Greg

    http://mtc.creativeresultsmarketing.com/
    #76716

    nutsandbolts
    Moderator
    Post count: 3141

    Find this in your stylesheet:

    .genesis-nav-menu li:hover,
    .genesis-nav-menu a:hover {
    	background-color: #037F67;
    	color: #fff;
    	text-decoration: none;
    }

    and change it to this:

    .genesis-nav-menu li:hover,
    .genesis-nav-menu a:hover {
    	background-color: #037F67;
    	color: #fff !important;
    	text-decoration: none;
    }

    Andrea Whitmer, Owner, Nuts and Bolts Media
    I provide dev and training services for web designers • Find me on Twitter and Google+

    #76723

    gregpayette
    Participant
    Post count: 26
    This reply has been marked as private.
    #76727

    gregpayette
    Participant
    Post count: 26

    Perfect!

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.