Shopify themes, liquid, logos, and UX
Can any expert advise how to increase the product price size bigger on the product page in Dawn?
Solved! Go to the solution
This is an accepted solution.
Hello there,
1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >base.css and paste this at the bottom of the file:
.price__regular {
font-size: 25px;
}
This is an accepted solution.
Hi @Clement_Jaw
To make the product price size bigger, please go to your Theme > Edit code > Assets > Open component-price.css > Add the following code to the bottom of the file.
.price.price--large >.price__container > .price__regular >.price-item--regular {
font-size:25px;
}
You can change the font-size value to one that meets your needs.
If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any questions!
This is an accepted solution.
Hello there,
1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >base.css and paste this at the bottom of the file:
Remove this one css
.price__regular {
font-size: 30px:
}
and add this one
.product__info-wrapper.grid__item .price__regular {
font-size: 30px;
}
This is an accepted solution.
Hello there,
1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >base.css and paste this at the bottom of the file:
.price__regular {
font-size: 25px;
}
Many thanks for your help, it work. Awesome !
Thank you for your response. It's good to know that it's worked for you.
If helpful then please Like and Accept the Solution.
Hi,
The price font size can adjust after adding the code but the price size becomes a very big show on the homepage under product collect. Can please help?
URL: www.dtimeless.com
This is an accepted solution.
Hello there,
1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >base.css and paste this at the bottom of the file:
Remove this one css
.price__regular {
font-size: 30px:
}
and add this one
.product__info-wrapper.grid__item .price__regular {
font-size: 30px;
}
It works! Really appreciate your help. Cheers!
Thank you for your response. It's good to know that it's worked for you. Kindly feel free to get back to me if you need any further assistance.
Can I trouble you one more time? Don't know why my product page body font all in bold, wonder can you please help me to check what is the problem?
Hi ZestardTech,
I´m looking for some assistance while making the product prices bigger on my website
https://selectotiendavirtual.com/products/corrector-de-postura-inteligente-con-sensor-de-mala-postur...
Would you please give me some advice on this
Hello
I cannot find the base.css under Asset section, need to make product price bigger, but so far unsuccess
This is an accepted solution.
Hi @Clement_Jaw
To make the product price size bigger, please go to your Theme > Edit code > Assets > Open component-price.css > Add the following code to the bottom of the file.
.price.price--large >.price__container > .price__regular >.price-item--regular {
font-size:25px;
}
You can change the font-size value to one that meets your needs.
If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any questions!
I have tried to add the code as mentioned, but nothing has changed. Can please help again?
Hello There,
Please share your store URL and Screenshot.
So that I will check and let you know the exact solution here.
Is there a way to add this to sale item prices as well? It works on regular but not for products on sale. Thanks for your help
I just figure it out. For the sale price add this code:
.product__info-wrapper.grid__item .price__sale {
font-size: 2.5rem;
}
Hi AvadaCommerce,
I´m looking for some assistance while making the product prices bigger on my website
https://selectotiendavirtual.com/products/corrector-de-postura-inteligente-con-sensor-de-mala-postur...
Would you please give me some advice on this
Great stuff this worked perfect for the newer version of my cart
Thank you soooooo much!
Hi,
I´m looking for some assistance while making the product prices bigger on my website
https://selectotiendavirtual.com/products/corrector-de-postura-inteligente-con-sensor-de-mala-postur...
Would you please give me some advice on this
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025