Uploaded July 2025 | Updated September 2026, 2 hours ago
Today i will show you how to resize the compare at price and sale price in Shopify Horizon Theme so you can change font size for your discounted price more effectively and match your Shopify store’s design style.
On Shopify Horizon Theme the compare at price looks too small and the new price doesn’t stand out enough, this tutorial will help you change the font size and text size for both, because making the discounted price clear and noticeable can boost conversions, especially during promotions or sales.
So i will show you how to add the custom css code that will change the price styling in your Shopify Horizon Theme and we will use simple CSS to change the size of the pricing elements.
In this video covers how to increase or decrease the font size for the compare at price and the new price so they’re visually distinct and easier for customers to notice and the discounted price will pop more.
CODE : https://onhow.codes/shopify-resize-compare-price-new-price-on-product-page-horizon-theme/
If you have any questions or suggestions my Instagram : instagram.com/anas_elmedlaoui
About Me:
My name is Anas El Medlaoui, and I have dedicated the past nine years to mastering various aspects of the digital world, including Shopify store development, WordPress website creation, social media marketing, and e-commerce solutions. Throughout this journey, I have accumulated extensive experience across diverse digital disciplines, although exploring multiple projects simultaneously posed its own set of challenges.
Driven by a passion for empowering others, I launched this YouTube channel after considerable reflection, aiming to share valuable insights and practical knowledge. My goal is to equip individuals committed to achieving online success with accessible, actionable information grounded in the principle that knowledge should be available to everyone.
#shopify #resize #price
Today i will show you how to resize the compare at price and sale price in Shopify Horizon Theme so you can change font size for your discounted price more effectively and match your Shopify store’s design style.
On Shopify Horizon Theme the compare at price looks too small and the new price doesn’t stand out enough, this tutorial will help you change the font size and text size for both, because making the discounted price clear and noticeable can boost conversions, especially during promotions or sales.
So i will show you how to add the custom css code that will change the price styling in your Shopify Horizon Theme and we will use simple CSS to change the size of the pricing elements.
In this video covers how to increase or decrease the font size for the compare at price and the new price so they’re visually distinct and easier for customers to notice and the discounted price will pop more.
CODE : https://onhow.codes/shopify-resize-compare-price-new-price-on-product-page-horizon-theme/
If you have any questions or suggestions my Instagram : instagram.com/anas_elmedlaoui
About Me:
My name is Anas El Medlaoui, and I have dedicated the past nine years to mastering various aspects of the digital world, including Shopify store development, WordPress website creation, social media marketing, and e-commerce solutions. Throughout this journey, I have accumulated extensive experience across diverse digital disciplines, although exploring multiple projects simultaneously posed its own set of challenges.
Driven by a passion for empowering others, I launched this YouTube channel after considerable reflection, aiming to share valuable insights and practical knowledge. My goal is to equip individuals committed to achieving online success with accessible, actionable information grounded in the principle that knowledge should be available to everyone.
#shopify #resize #price
