Hello,
we are looking to change Font Size of Price Tag on Product Page. Can anyone help? Thank you!
page url: www.mism.store
Best,
Team mism
Topic summary
A user seeks help changing the price tag font size on a Shopify product page using the Dawn theme.
Multiple solutions provided:
-
Direct CSS edit: Navigate to Online Store → Theme → Edit code → Assets → component-price.css. Locate line 48 containing the font-size property (currently 1.8rem) and modify it to a larger value like 2rem or 2.2rem.
-
Custom CSS injection: Add custom CSS code to theme.liquid file above the
</head>tag or above the</body>tag to override default price styling.
Key files mentioned:
- component-price.css (for direct modification)
- theme.liquid (for custom CSS injection)
All responses include screenshots demonstrating the steps, though the exact CSS code snippets appear corrupted in the thread. The solutions focus on adjusting rem values to increase price display size.
Hey Monomgroup,
Please follow the below steps to change font size of price.
-
Go to Online Store->Theme->Edit code
-
Go on Asset
-
In asset, open the component-price.css
-
In this css, go on 48 line number
-
There you can see font-size:1.8 rem. If you want to make font size large then please change the 1.8 rem value to 2 rem or something 2.2 rem.
If you still unsure, then please refer the below screenshot
Screenshot: https://d.pr/dVZ0wn
Thanks!
Hi @monomgroup
This is Victor from PageFly - Shopify Page Builder App
Please add this code to your theme.liquid above the to get this solved
Step 1: Online Stores > Themes > More Actions > Edit code
Step 2: click on theme.liquid and paste the code above the
Hope this can help you solve the issue
Best regards,
Victor | PageFly
1 Like
Hi @monomgroup ,
Glad to support you today.
You can check out my suggestion below to get your concern resolved:
- Go to Edit code on Online Store:
- add my code above the tag on Theme.liquid:
Eg:
Hope you find my answer helpful!
Kind & Best regards,
GemPages Support Team.