Homepage Featured Product Price Font Bigger

Store Design
, , ,

Topic summary

A user seeks to increase the font size of product prices on their homepage featured products section.

Solutions provided:

  • Add CSS code to the theme.css or theme.css.liquid file
  • Target the .product__price class with font-size: 30px !important;
  • Access via: Admin → Sales channels → Online store → Themes → Edit code → Assets

Alternative approach:

  • Another responder suggests adding CSS to the template-index file
  • Recommends font-size: 26px !important; for the .product__price class

Both solutions involve custom CSS modifications to override default theme styling. The discussion remains open with multiple CSS-based solutions offered but no confirmation of which approach the original poster implemented.

Summarized with AI on November 20. AI used: claude-sonnet-4-5-20250929.
1

How do you make the font bigger on a featured product on the home page? I want the price to be a bigger font.

https://waatablasters.myshopify.com/

Capture.PNG
Capture.PNG1386×419 65.5 KB

2

Hi @WaataBlasters you can do that by adding this CSS code at the bottom of theme.css or theme.css.liquid file of your theme in store admin > Sale channels > Online store > Themes > Edit code > Assets

.product__price { font-size: 30px !important; }
3

Hi @WaataBlasters

I hope you are doing good and welcome to the Shopify Community!
I am San from MS Web Designer.

Please add this css in your bottom of the theme.css file:
.template-index .product__price {font-size: 26px !important;}

Regards,

San