How to Replace Blue Selection Hover with Another Colour in CSS

  • Resolved jaynekitsch

    (@jaynekitsch)


    8 years, 7 months ago

    I’ve managed to override link hover colours to grey in custom CSS, but does anyone know how I can replace the blue hover on the menu and the blog page navigation bar at the footer?

    Is there a way to tell the site to replace all presence of that blue with grey?

    Ideally I’d like a solution I can complete within Additional CSS section of Customizer.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter jaynekitsch

    (@jaynekitsch)

    8 years, 7 months ago

    It was this area that needed changing to implement the colour change to:

    ul.dropdown-menu.simple-menu-items > .current_page_item > a,
    ul.dropdown-menu.simple-menu-items > .current-menu-item >

    kingkruiser

    (@kingkruiser)

    8 years, 5 months ago

    Hello my friend!!

    You may have figured this out… but it took me some time and I would like to save others the same.

    For some reason with hover I needed 2 css entries to get it to work. Don’t touch the first one… or set it to basic color you want before hover… it breaks the other coding we don’t want.

    Change second entry to hover color you want.

    Third entry… changes the line underneath 😉

    .dropdown-menu>li>a {color:black !important;}

    .dropdown-menu a:hover {
    color: #9c9b90 !important;
    }
    .current-menu-item a {border-bottom: 2px solid #9c9b90!important;}

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

The topic ‘How to Replace Blue Selection Hover with Another Colour in CSS’ is closed to new replies.