Shopify themes, liquid, logos, and UX
I have been searching endlessly to no avail. I would like to change the shape of the "SALE" and "NEW" product stickers (or badges) in my theme. It is currently a rectangle and I would like to change it to a circle shape. No other resolved query with suggested code has worked.
can you provide link your store?
...........
Hi @threadfare ,
Follow these Steps:
1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code just above </head> tag
<style> .sale_banner, .new_banner { height: 80px!important; width: 80px!important; border-radius: 50%!important; padding: 0px!important; display: flex!important; align-items: center!important; justify-content: center!important; } </style>
Result:
If you require further help to optimize your store, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!
Best Regards,
Makka
Hi @threadfare Could you drop your store link so I can provide the code?
- Solved it? Hit Like and Accept solution! ❤️Buy Me Coffee❤️
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.
Hi @threadfare
Please go to your Online store > Themes > Edit code > open style.css or style.css.liquid file, add this code at the bottom
.sale_banner, .new_banner {
border-radius: 50%;
}
- Solved it? Hit Like and Accept solution! ❤️Buy Me Coffee❤️
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.
Hi @threadfare
Try this one.
.sale_banner, .new_banner {
border-radius: 100% !important;
padding: 12px 10px 10px 10px;
}
Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
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