Hover text color

  • Resolved Alexv15

    (@alexv15)


    11 years, 4 months ago

    I need help changing the color of the menu items when hovering over them. All my changes have been using the custom css so I’m looking for css I can add here.

    This is my first time building a site so I appreciate any help I can get.

    Site
    https://franciskatlego.com/

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

  • Are you looking to change the text color on hover ? If so, the rule would be
    .nav .menu-item a {
    color:YourColor;
    }

    If you’re talking about the background color, use this:

    .nav .menu-item {
    background-color:YourColor;
    }

    Hope this helps.

    Thread Starter Alexv15

    (@alexv15)

    Thanks Thimothe. I tried the code below but that still did not change the text color on hover. If you take a look at the site I’m building you will notice that the page the user is currently on blacks out, or on hover blacks out.

    .nav .menu-item a {
    color: yellow;
    }

    Thread Starter Alexv15

    (@alexv15)

    Thimothe after some trial and error this worked for me. Thanks for your help.

    .navbar .nav > li > a:hover {
    color: #e9a825;
    }

    You’re welcome. I’m glad it helped and sorry about the missing :hover, I guess I was too tired.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Hover text color’ is closed to new replies.