How can I change the colour of the 'add to cart' button on a product page only?

Store Design
1

Hi

pls can u provide a solution to changing the color of the add to cart button on product page but not on anything else (featured collections etc)

URL: smartappliancesonline.co.uk

Theme: Warehouse

current:

Screenshot 2022-08-01 at 23.56.41.png
Screenshot 2022-08-01 at 23.56.41.png1281×769 36.3 KB

cheers

1 Like
2

Hi @chrisjames11 ,

Are you talking about any product in product page? If so you can do the code below

  1. From your Admin Page, click Online Store > Themes >Actions > Edit code
  2. In the Asset folder, open the theme.css
  3. Paste the code below at the very bottom of the file.

NOTE: Change the blue to the color you want

.product-block-list__item.product-block-list__item--info button.product-form__add-button.button.button--primary {
    background: blue;
}