How do I increase Price size on Product page?

Technical Q&A
,

Topic summary

A user seeks to increase the price font size on their Shopify product page. Two solutions are provided:

Solution 1 (GemPages):

  • Navigate to Online Store > Theme > Edit code
  • Open the theme.liquid file
  • Paste provided code before the </head> tag
  • Note: The specific CSS code appears corrupted/reversed in the original post

Solution 2 (ZestardTech):

  • Go to Shopify Admin > Online Store > Themes > Actions > Edit code
  • Locate Asset > theme.css file
  • Add CSS targeting .product-single__meta .product__price with font-size: 40px; at the bottom

Both approaches involve editing theme files through Shopify’s code editor. The second solution provides clearer, more direct CSS modification instructions. The discussion remains technical, requiring basic familiarity with Shopify theme customization and CSS.

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

How do I increase the size of the price on the product page below?

https://www.walaxr.com/products/xr-reality-collection-year-of-the-tiger-unisex-youth-hoodie

1 Like
2

Hello @jaimie2 ,

It’s GemPages support team and glad to support you today.

I would like to give you the recommendation to support you so kindly follow the steps below:

  1. Go to Online Store > Theme > Edit code of your current theme

GemPages_0-1673422593412.png
GemPages_0-1673422593412.png1857×907 102 KB

  1. Open your theme.liquid theme file

  2. Paste the below code before

If you require any further information, feel free to contact me.

Best regards,
GemPages Support Team

3

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > theme.css and paste this at the bottom of the file:
.product-single__meta .product__price {
font-size: 40px;
}