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.
I thought this had worked but it hasn't, maybe I have missed a step - have you got another suggestion?
I cut and pasted code as you had it and then I did it altering the colour hex code.
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
Hey Community 👋 Did you know that March 15th is National Everything You Think Is W...
By JasonH Apr 1, 2025Discover how to increase the efficiency of commerce operations with Shopify Academy's l...
By Jacqui Mar 26, 2025Shopify and our financial partners regularly review and update verification requiremen...
By Jacqui Mar 14, 2025