Shopify themes, liquid, logos, and UX
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
Solved! Go to the solution
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:
Best,
Esther
fuzzkit.nz
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:
Best,
Esther
Thank you I have been trying other code I found online - but nothing was working.
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
Shopify and our financial partners regularly review and update verification requiremen...
By Jacqui Mar 14, 2025Unlock the potential of marketing on your business growth with Shopify Academy's late...
By Shopify Mar 12, 2025Learn how to increase conversion rates in every stage of the customer journey by enroll...
By Shopify Mar 5, 2025