Footer Hover Link wont change

  • Resolved tastywicks

    (@tastywicks)


    6 years, 7 months ago

    In our footer, using the theme PrepBrand child theme of Storefront.

    The footer text when you highlight it, it turns white, ive managed to change it so it had a background and so it was black, but no matter what code i’ve used to change the ‘hover’ color it stays WHITE. In the customisation of the storefront it’s set to being a darker grey from black and still stays the same.

    Wonder if anyone has an idea what im doing wrong or can do to fix this issue? thanks in advance !

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

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

  • The hover white is coming from this bit in storefront-child-style-inline-css:

    .main-navigation ul li:hover > a, a.cart-contents:hover, .site-header-cart .widget_shopping_cart a:hover, .site-footer a:not(.button):hover, .site-header-cart:hover > li > a {
  color: #ffffff;
}

    So remove: “.site-footer a:not(.button):hover, ”

    Or, if you can’t edit that, you can override it with:

    .site-footer a:not(.button):hover {
  color: #999 !important;
}
    Thread Starter tastywicks

    (@tastywicks)

    Wow lorro, no wonder! I couldnt find the .Main-Navigation ul li:hover in any of the storefront theme or Prepband child. I’m a returning designer and wouldnt of thought about the override but you have helped something ive been dabbling with for days now (on and off) thank you so much!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Footer Hover Link wont change’ is closed to new replies.