Hover over colors on menu

  • richfoulkes1

    (@richfoulkes1)


    13 years, 4 months ago

    Hi,

    I am trying to add a hover over color to my main navigation bar but having no luck any ideas what I need in the CSS?

    http://www.jenssweetshop.com the hover over should be on the menu with Home, About etc so when i hover over the white the image and text change color.

    Thanks

Viewing 2 replies - 1 through 2 (of 2 total)
  • Phil

    (@owendevelopment)

    13 years, 4 months ago

    Add this to style.css:

    .main-navigation div > ul.menu > li:hover,
.main-navigation .menu > ul > li:hover {
background: #000;   /* swap background colour */
}

    and…

    .main-navigation div > ul.menu > li > a:hover,
.main-navigation .menu > ul > li > a:hover {
color: #fff !important;  /* Changes text colour when hovered */
}

    Change the values to any colour you want.

    Phil

    Thread Starter richfoulkes1

    (@richfoulkes1)

    13 years, 4 months ago

    Thanks Phil worked perfectly.

    Same problem again this time on my custom menu widget text goes from brown to a lighter brown cant seem to change this? And the H1 in my main content Traditional Sweet shop in birmingham

    any ideas?

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

The topic ‘Hover over colors on menu’ is closed to new replies.