All things Shopify and commerce
Hello,
I'm using the Spotlight theme and would like to customize the sold out badge to just be a small red dot like the image below.
Thanks!
Solved! Go to the solution
This is an accepted solution.
Hi @sggallery
I'm Dan from Ryviu: Product Reviews & QA.
Please add this code below to your theme.liquid file, after <head> in Online Store > Themes > Edit code
<style>
.card:has(.price--sold-out) .card__inner .card__badge {
width: 16px;
height: 16px;
border-radius: 50%;
overflow: hidden;
}
.card:has(.price--sold-out) .card__inner .card__badge .badge {
font-size: 0;
color: transparent;
background: #f96b60;
width: 16px;
height: 16px;
display: block;
box-shadow: unset;
border: unset;
}
</style>
- 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.
This is an accepted solution.
Hi @sggallery
I'm Dan from Ryviu: Product Reviews & QA.
Please add this code below to your theme.liquid file, after <head> in Online Store > Themes > Edit code
<style>
.card:has(.price--sold-out) .card__inner .card__badge {
width: 16px;
height: 16px;
border-radius: 50%;
overflow: hidden;
}
.card:has(.price--sold-out) .card__inner .card__badge .badge {
font-size: 0;
color: transparent;
background: #f96b60;
width: 16px;
height: 16px;
display: block;
box-shadow: unset;
border: unset;
}
</style>
- 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.
Thanks so much - worked perfectly!
Learn 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, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025