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

Store Design
1

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

1 Like
2

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;
}
1 Like
3

Many thanks for your help, it work. Awesome !

1 Like
4

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!

2 Likes
5

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.

1 Like
6

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

1 Like
7

Hello There,

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

1 Like
8

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

9

homepage price font too huge.jpg
homepage price font too huge.jpg752×929 76 KB

10

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;
}
2 Likes
11

It works! Really appreciate your help. Cheers!

1 Like
12

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.

13

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
why body fonts are in bold in peoduct page.png821×431 174 KB

14

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

15

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

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

1 Like
16

Thank you soooooo much!

17

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-postura?variant=46254779826481

Would you please give me some advice on this

18

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-postura?variant=46254779826481

Would you please give me some advice on this

19

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-postura?variant=46254779826481

Would you please give me some advice on this

20

Hello

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