How can I enlarge the product price font on Impulse product pages?

Technical Q&A

Topic summary

Main issue: Increase product price font size on Impulse (Shopify theme) product pages.

Solution provided:

  • Add custom CSS to the theme stylesheet: span.product__price { font-size: 28px; }.
  • Location: Online Store → Theme → Edit code → Assets → theme.scss.liquid.
  • CSS (Cascading Style Sheets) controls visual styling; the selector targets the price element on product pages.

Latest development:

  • A follow-up asks how to enlarge the price on the homepage within the “featured collections” section.
  • No specific solution was provided for the homepage yet.

Outcome:

  • Product page font size solution is available and actionable.
  • Homepage “featured collections” price sizing remains an open question with no resolution in the thread.

Notes:

  • The code snippet is central to the solution and must be added to the theme’s CSS file.
Summarized with AI on February 14. AI used: gpt-5.
1

Hi!
just wondering if anyone knows how to increase the product price size on the product pages in Impulse?

thank you :slightly_smiling_face:

2

Hi @Gypsymoon ,

span.product__price {
    font-size: 28px;
}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->theme.scss.liquid

3

Amazing! Thank you!!
Is there also a way of increasing the product price size on the homepage in the “featured collections” tab?