Lorenza theme - change add to cart button colour

Store Design
1

Is there a way I can change the add to cart button colour so it is more visible to customers?
The colour only changes when you hover over it

2

@MadiXavier

Welcome to the Shopify community!
Thanks for your good question.

Please share your store URL.
So that I will check and let you know the exact solution here.

3

Hi @MadiXavier ,

Please share your store URL and if your store is password protected then please provide password too.

So that we can help you.

Thank you.

4

@MadiXavier

  1. Go to Online Store-> Theme->Edit code
  2. Asset->/theme.css ->paste below code at the bottom of the file.
/* change color as you like */
.product-form__submit-button-wrapper .product-form__cart-submit {
    background: #000000 !important;
    color: #ffffff !important;
}
.product-form__submit-button-wrapper .product-form__cart-submit:hover {
    background: #ffffff !important;
    color: #000000 !important;
}

can you try this code

5

Www.chasingthemoment.com.au

6

Hi @MadiXavier ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/index.css->paste below code at the bottom of the file:
.product-form__submit-button-wrapper .product-form__cart-submit {
    background: var(--color-text) !important;
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

7

thank you for this code. This has changed the colour however the text add to cart only appears when you hover over the button. Is there any way to keep the text there all the time?

8

Hi @MadiXavier ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/index.css->paste below code at the bottom of the file:
.product-form__submit-button-wrapper .product-form__cart-submit {
    background: var(--color-text) !important;
    color: #fff !important;
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.