Solved

How to increase the product price size bigger on product page in Dawn

Clement_Jaw
Shopify Partner
78 0 22

Can any expert advise how to increase the product price size bigger on the product page in Dawn?

Accepted Solutions (3)

ZestardTech
Shopify Expert
5474 984 1309

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;
}
Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing

View solution in original post

AvadaCommerce
Shopify Partner
3879 839 964

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!

banned

View solution in original post

ZestardTech
Shopify Expert
5474 984 1309

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;
}

 

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing

View solution in original post

Replies 19 (19)

ZestardTech
Shopify Expert
5474 984 1309

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;
}
Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
Clement_Jaw
Shopify Partner
78 0 22

Many thanks for your help, it work. Awesome !

 

ZestardTech
Shopify Expert
5474 984 1309

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.

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
Clement_Jaw
Shopify Partner
78 0 22

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

ZestardTech
Shopify Expert
5474 984 1309

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;
}

 

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
Clement_Jaw
Shopify Partner
78 0 22

It works! Really appreciate your help. Cheers!

ZestardTech
Shopify Expert
5474 984 1309

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.

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
Clement_Jaw
Shopify Partner
78 0 22

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?

 

why body fonts are in bold in peoduct page.png

 

 

EstebanPenagos
Excursionist
16 0 3

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

Jonathan82
Visitor
1 0 0

Hello 

 

I cannot find the base.css under Asset section, need to make product price bigger, but so far unsuccess  

AvadaCommerce
Shopify Partner
3879 839 964

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!

banned
Clement_Jaw
Shopify Partner
78 0 22

I have tried to add the code as mentioned, but nothing has changed. Can please help again?

ZestardTech
Shopify Expert
5474 984 1309

Hello There,

Please share your store URL and Screenshot.
So that I will check and let you know the exact solution here.

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
Clement_Jaw
Shopify Partner
78 0 22

homepage price font too huge.jpg

jizzle1199
Visitor
1 0 0

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 

wugrin
Visitor
2 0 1

I just figure it out. For the sale price add this code:

.product__info-wrapper.grid__item .price__sale {
font-size: 2.5rem;
}

EstebanPenagos
Excursionist
16 0 3

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

hak1102
Visitor
1 0 0

Thank you soooooo much! 

EstebanPenagos
Excursionist
16 0 3

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