Shopify themes, liquid, logos, and UX
I want to make the size of the compared price and normal price bigger in my empire theme. How do I do this? I've tried multiple ways but can't figure it out.
Solved! Go to the solution
This is an accepted solution.
Hi @DaandeLeur , Pls insert this code to your file css :
.price__current.price__current--on-sale .money {
font-size: 24px !important;
}
span.money.price__compare-at--single {
font-size: 25px !important;
}
Here is result:
Hope this can help you
Sale banner, pop ups: Customize your sale banner, pop-ups and create countdown bar to boost conversion rate.
Simicart: Transform your Shopify store into a stunning and fully functional mobile app with just a few simple steps.
Product Labels & Badges: Get more sales with striking labels, badges, and banners from our 10,000+ available templates.
BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now
Hey man, thanks!
Only thing is, compare at price is bigger now then the normal price. Would love to see it the other way round haha...
This is an accepted solution.
Hi @DaandeLeur , Pls insert this code to your file css :
.price__current.price__current--on-sale .money {
font-size: 24px !important;
}
span.money.price__compare-at--single {
font-size: 25px !important;
}
Here is result:
Hope this can help you
Sale banner, pop ups: Customize your sale banner, pop-ups and create countdown bar to boost conversion rate.
Simicart: Transform your Shopify store into a stunning and fully functional mobile app with just a few simple steps.
Product Labels & Badges: Get more sales with striking labels, badges, and banners from our 10,000+ available templates.
BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now
Hey man,
Thanks for helping out back then! Is there any way to make the current price (green one) Bold so it's bigger and more upfront?
Hi @DaandeLeur , Pls insert this code to your file css:
.price__current.price__current--on-sale .money {
font-weight: bold !important;
}
Here is result:
Hope this can help you,
If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍
Sale banner, pop ups: Customize your sale banner, pop-ups and create countdown bar to boost conversion rate.
Simicart: Transform your Shopify store into a stunning and fully functional mobile app with just a few simple steps.
Product Labels & Badges: Get more sales with striking labels, badges, and banners from our 10,000+ available templates.
BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now
Hi @DaandeLeur,
Pls insert this code to your file css :
.price__current.price__current--on-sale .money {
font-weight: bold !important;
}
Here is result:
Hope this can help you,
If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍
Sale banner, pop ups: Customize your sale banner, pop-ups and create countdown bar to boost conversion rate.
Simicart: Transform your Shopify store into a stunning and fully functional mobile app with just a few simple steps.
Product Labels & Badges: Get more sales with striking labels, badges, and banners from our 10,000+ available templates.
BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now
Hi @DaandeLeur,
Pls insert this code to your file css :
.price__current.price__current--on-sale .money {
font-weight: bold !important;
}
Hope this can help you,
If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍
Sale banner, pop ups: Customize your sale banner, pop-ups and create countdown bar to boost conversion rate.
Simicart: Transform your Shopify store into a stunning and fully functional mobile app with just a few simple steps.
Product Labels & Badges: Get more sales with striking labels, badges, and banners from our 10,000+ available templates.
BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now
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