Change from outline to solid button colour in refresh theme

Solved

Change from outline to solid button colour in refresh theme

Jess-FFF
Excursionist
29 0 1

I would like to change the add-to-cart button to be solid rather than just an outline. I believe I will need some code to do this. I can't work out where to but the code ☹️

 

The theme I'm using is refresh.  

 

Thank you

Screenshot 2025-01-21 125101.png

 

 

Accepted Solution (1)
EstherBui
Excursionist
275 39 41

This is an accepted solution.

Hi Jess-FFF

You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file base.css and add this code at the end of the file

 

button#quick-add-template--17779855589550__featured-collection-08645033590958-submit {
    background: rgba(var(--color-button-text));
    color: #fff;
}

 

Result: 

EstherBui_0-1737434013477.png

 

Best,
Esther

 

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

View solution in original post

Replies 5 (5)

EstherBui
Excursionist
275 39 41

Hi, Can you share store URL?

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Jess-FFF
Excursionist
29 0 1

fuzzkit.nz 

EstherBui
Excursionist
275 39 41

This is an accepted solution.

Hi Jess-FFF

You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file base.css and add this code at the end of the file

 

button#quick-add-template--17779855589550__featured-collection-08645033590958-submit {
    background: rgba(var(--color-button-text));
    color: #fff;
}

 

Result: 

EstherBui_0-1737434013477.png

 

Best,
Esther

 

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Jess-FFF
Excursionist
29 0 1

Thank you I have been trying other code I found online - but nothing was working. 

DaisyVo
Shopify Partner
3683 402 488

Hi @Jess-FFF ,

 

Can you share your store URL?

 

In short, you want the button Add to cart to be solid on the whole button, is this correct?

 

Best,

Daisy

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution