Get Rid of Footer Menu Hover Color?

  • I set my Footer BG color as #892122. I added a footer menu as well. The problem is that on hover, the menu links are being highlighted in a dark color shape and the text cannot be seen. I have not found where this is set in the theme. I chose a general highlight color. When I disabled it, nothing changed. Here’s a video of the problem: https://www.useloom.com/share/653962ebcc7447078707015d9856d6cf
    How do I get rid of the dark hover block on my menu text? Thanks.

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • hannah

    (@hannahritner)

    Hey,
    Your hover color pulls from your 20% lighter than primary color set in theme options > basic styling. Or you can use this css:

    .footerclass a:hover, .footernav ul li a:hover {
    color: #000;
}

    Just paste that into your custom css box in theme options > advanced settings.
    Hope that helps!

    Hannah

    Thread Starter myancey

    (@myancey)

    Thanks. I’m used the the actual text changing color on hover, not the entire area around the text changing color. I don’t want the my menu text area color to be changed – only the text color. Will that code work for that?

    Is there a way to totally eliminate the area hover color? or make it transparent for that footer menu?

    hannah

    (@hannahritner)

    Yes, that css only affects the text. To affect the background you can use this css:

    .footerclass a:hover, .footernav ul li a:hover {
    background: transparent;
}

    Hannah

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Get Rid of Footer Menu Hover Color?’ is closed to new replies.