Shopify themes, liquid, logos, and UX
Hi - I'd like to increase the price on my product pages ONLY - how do I do this?
I have tried the below code, but it changes the size on my homepage & collection pages too, which I do not want. How can I make this on product pages only?
.price-item--regular {
font-size : 30px ;
}
Thank you in advance.
Solved! Go to the solution
This is an accepted solution.
Hi @quiztrail ,
This is Victor from PageFly - Landing page builder, I’d like to suggest this idea for solution:
Step 1. Go to Online Store -> Theme -> Edit code
Step 2. Open your theme.liquid theme file
Step 3. Paste below code before </body> :
{% if canonical_url contains 'products' %}
<style>
.price-item {
font-size: 30px;
}
</style>
{% endif %}
Hope my answer will help you.
Best regards,
Victor | PageFly
This is an accepted solution.
Hi @quiztrail ,
This is Victor from PageFly - Landing page builder, I’d like to suggest this idea for solution:
Step 1. Go to Online Store -> Theme -> Edit code
Step 2. Open your theme.liquid theme file
Step 3. Paste below code before </body> :
{% if canonical_url contains 'products' %}
<style>
.price-item {
font-size: 30px;
}
</style>
{% endif %}
Hope my answer will help you.
Best regards,
Victor | PageFly
Hi Victor - worked perfectly. Thank you for your help as always! 🙂
This worked for me (Origin theme). Thanky you!
Shopify and our financial partners regularly review and update verification requiremen...
By Jacqui Mar 14, 2025Unlock the potential of marketing on your business growth with Shopify Academy's late...
By Shopify Mar 12, 2025Learn how to increase conversion rates in every stage of the customer journey by enroll...
By Shopify Mar 5, 2025