How to enlarge the price font with the Broadcast theme

Store Design

Topic summary

A user needs to increase the price font size on product pages using the Broadcast theme.

Solutions Offered:

  1. First approach (unsuccessful): Adding CSS code to theme.liquid file above the </body> tag. The user confirmed this method didn’t work, clarifying they need the change on the product page specifically, not the product grid.

  2. Alternative solution: Adding custom CSS to the theme.css file:

    • Navigate to Online Store → Theme → Edit Code
    • Locate the theme.css file
    • Paste the following code at the bottom:
    #MainContent .product-information .price {
  font-size: 20px;
}
    • Save the file

The discussion remains open as the user hasn’t confirmed whether the second solution resolved their issue.

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

Hello experts,

I need to enlarge the size of the price font on the product page.

BROADCAST theme.

Store: www.shapesdecor.com

Thank you,

Best

2

Hey @valeriashapes

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT:

Moeed_0-1694854391834.png
Moeed_0-1694854391834.png1854×675 278 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

3

Hi Moeed,

Thanks for your help.

This doesn’t work, however.

I specified on the product page, not in the product grid.

Best,

Valeria

4

Hi @valeriashapes ,

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.css

Step 3: Paste the below code at the bottom of the file → Save

#MainContent .product-information .price{
font-size:20px
}

Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly