All things Shopify and commerce
Hi 🙂
Looking to increase the font size of the compared price (the dashed line one) and the "sale" tag as well.
Thanks for your support.
Solved! Go to the solution
This is an accepted solution.
Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code
Step 2: Search file theme.liquid
Step 3: Insert this code above </head>
<style>
.card__badge .badge {
font-size: 2rem!important;
}
.price__sale .price-item.price-item--regular {
font-size: 3rem!important;
}
</style>
Result:
If it helps you, please like and mark it as the solution.
Best Regards 😊
B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.
B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.
B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.
BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now
Could you please provide me with your store URL?
Best,
Daisy
In order to increase the font size of the compared price (the dashed line one) and the "sale" tag, please follow these steps
1. Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS https://prnt.sc/ndlprypSpjPv
2. Paste the code provided into the Custom CSS section.
s.price-item.price-item--regular {
font-size: 30px !important;
}
.card__inner .card__badge.bottom.left span {
font-size: 30px !important;
}
Here is the result: https://prnt.sc/WmfdMOWiqz_Z; https://prnt.sc/n7zsNE-xYuv-
I hope this helps!
Best,
Daisy
This is an accepted solution.
Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code
Step 2: Search file theme.liquid
Step 3: Insert this code above </head>
<style>
.card__badge .badge {
font-size: 2rem!important;
}
.price__sale .price-item.price-item--regular {
font-size: 3rem!important;
}
</style>
Result:
If it helps you, please like and mark it as the solution.
Best Regards 😊
B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.
B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.
B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.
BSS Commerce - Full-service eCommerce Agency I 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