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
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025