Change color of “ADDED TO CART” button?

  • Resolved myfakename

    (@myfakename)


    4 years, 10 months ago

    Hi,

    When clicking on ‘Add to Cart’ for a product and the item has been ‘added to cart,’ the button color changes to green. I am unable to figure out where to change the code to display another color. Any help would be appreciated! TIA!

    Website link

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

  • It’s an image on line 507 of the style sheet. Use a custom stylesheet or additional CSS and overwrite it with your own.

    The location of the image is inside the theme. The CSS that needs changing is

    .shop-ribbon .products li .buttons .add-to-cart.added, .shop-traditional .products.ribbon li .buttons .add-to-cart.added {
    background-image: url(../images/product-ribbon-added.png);
}
    Thread Starter myfakename

    (@myfakename)

    This worked great!! Thank you! I was trying to change a HEX code this entire time. With your tip, I realised I could upload a new button image through Theme Options. Instead of changing the CSS, I uploaded their original button image from the theme folder.

    Cool

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Change color of “ADDED TO CART” button?’ is closed to new replies.