Shopify themes, liquid, logos, and UX
We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more
Hi, as per the question, I am referring to the 'Sale' badge below.
I would like to change the backgound to red and make it a cirle shape.
Thanks!
Solved! Go to the solution
This is an accepted solution.
Hello there,
1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >base.css and paste this at the bottom of the file:
.card__badge .badge {
width: 57px!important;
height: 57px!important;
border-radius: 50%!important;
padding: 20px 3px 0 3px!important;
}
Hello @falkor,
Could you please share your store url ( with pass if your store password is enabled ) then I can see and suggest something for you?
Best regards,
GemPages Support Team
Hi @falkor,
You can change background color of that badge in Online store > Theme > Customize > Theme Settings > COLORS
- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.
Unfortunately not, as that also impacts all other elements that reference that colour.
This is an accepted solution.
Hello there,
1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >base.css and paste this at the bottom of the file:
.card__badge .badge {
width: 57px!important;
height: 57px!important;
border-radius: 50%!important;
padding: 20px 3px 0 3px!important;
}