Changing the color of button texts, without changing color of rest of links

  • Hello everyone,

    I’m trying to fix a buttons issue on my site. When I hover over the “select options” buttons of the products, the font changes color that matches the background color thereby making it so that you can’t see the text when you hover.

    I still want the rest of the links to be FF4b4b when hovered over (there’s this in the CSS):

    a:link {
    color:#ff4b4b!important;
    }
    p {
    font-family: ‘Roboto’, sans-serif !important;
    }

    However, I’d like to change the font color of the buttons. Does anyone have an idea how to change the font color of ONLY the products buttons, but without affecting the rest of the links on the site?

    https://bba.128.myftpupload.com/
    https://bba.128.myftpupload.com/products/

    Thank you!

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

  • The .archive will limit the effect to shop and catalog pages. The font colour can really only be white since red or black won’t work due to the background.

    .archive a.add_to_cart_button:link {
  color:#fff !important;
}
    Thread Starter lindasca

    (@lindasca)

    I removed the .archive so that it would apply to other pages because the problem also appears on the home page. However, the “Proceed to Checkout” button on https://bba.128.myftpupload.com/cart/ still hovers in the same color.

    a.checkout-button:link {
  color:#fff !important;
}
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Changing the color of button texts, without changing color of rest of links’ is closed to new replies.