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

  • lindasca

    (@lindasca)


    6 years, 10 months ago

    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?

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

    Thank you!

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

    (@lorro)

    6 years, 10 months ago

    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)

    6 years, 10 months ago

    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 http://bba.128.myftpupload.com/cart/ still hovers in the same color.

    lorro

    (@lorro)

    6 years, 10 months ago

    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.