• 

  Ali Akil

  Participant

  August 2, 2015 at 19:24

  Hi, need to know the class of the add to cart button in home page, shop page and in single product page. I used the tool in chrome and it says .button. this class is for every button in the template. please hover and normal.

  thanks.

  #78145 Copied

  4 Answers

  

  Jack Richardson

  Support staff

  August 3, 2015 at 08:02

  Hello,

  If you want to change text color for “Add to Cart” button use this code:

  a.button.etheme_add_to_cart_button.product_type_simple {
    color: red;
  }
  a.button.etheme_add_to_cart_button.product_type_simple:hover {
    color: grey;
  }

  This is for home page and shop page.

  For single product page use this code:

  .single-product-page .product-info .single_add_to_cart_button {
    color: #fff;
  }
  .single-product-page .product-info .single_add_to_cart_button:hover {
    color: #000;
  }

  Best regards,
  Jack Richardson.

  #78169 Copied
  

  Ali Akil

  Participant

  August 3, 2015 at 15:33

  What about the background color? thanks

  #78281 Copied
  

  Ali Akil

  Participant

  August 3, 2015 at 15:47

  got it thanks 🙂

  #78285 Copied
  

  Eva Kemp

  Participant

  August 3, 2015 at 19:31

  Hello,

  You’re welcome.

  Regards,
  Eva Kemp.

  #78337 Copied