Shopify themes, liquid, logos, and UX
Hey, I want to resize my on sale badge (50% OFF one) on the product cards by atleast 50%. Can someone help me?
Solved! Go to the solution
This is an accepted solution.
Try this one again.
.card__content .badge {
padding: 4px 6px !important;
}
And Save.
Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
Hi @coutureselectio 👋 READ: https://community.shopify.com/c/blog/how-to-get-support-from-the-community/ba-p/1399408
If you need just this customization created for then contact me for services.
Contact info in forum signature.
ALWAYS please provide context, examples: store url, theme name, post url(s) , or any further detail in ALL correspondence.
Beyond that,
ALWAYS provide inspectable urls, or level of detail another person needs to understand YOUR problem without them having to extract it.
Ineffective communication skills are a strong indicator of future business failure.
Others are not you and don't have your setup.
Good Luck.
Contact paull.newton+shopifyforum@gmail.com for the solutions you need
Save time & money ,Ask Questions The Smart Way
Problem Solved? ✔Accept and Like solutions to help future merchants
Answers powered by coffee Thank Paul with a ☕ Coffee for more answers or donate to eff.org
TRy this one.
.card__content .badge {
padding: 4px 6px;
}
Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
Hey Made4uo,
Unfortunetly it didnt work. Do you maybe have an other solution?
Kind regards
This is an accepted solution.
Try this one again.
.card__content .badge {
padding: 4px 6px !important;
}
And Save.
Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
Hey Made4uo,
Unfortunetly, it didnt work again, i feel like maybe there is something wrong with my base.css. do you have any idea
Kind regards
Hey Made4uo,
It worked now, do you maybe know how i can make the font size smaller on the on sale badge
Thank you in advance
You have a code that changes the size of the badge. This same code will also be applied to the "50% off" badge, with the font size currently set to 12px. Would you like the sale badge and the "50% off" badge to have different sizes?
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