How to increase product price size on Dawn theme?

Store Design
1

Hi,

I am using Dawn theme for my store www.florabymillie.com. Is there a way to make the product price on the product page bigger and/or bolder ? At the moment it just seems to disappear amongst the pay-as-you-go provider information.

afterpay.JPG
afterpay.JPG1920Ă—1040 232 KB

2 Likes
2

H @Millie03 ,

You can add the following code.

  1. From your Admin Page, click Online Store > Themes >Actions > Edit code
  2. In the Asset folder, open the base.css
  3. Paste the code below at the very bottom of the file.
.price .price__container {
    font-weight: bold;
    font-size: 25px;
}
3

Hi [email removed]Millie03

This is PageFly - Free Landing Page Builder. I would love to provide my recommendations for your store based on 6 years of providing solutions for about 100.000 active Shopify merchants.

I think you can

You can add my code as follows: theme → Edit > Search “theme.liquid”. Then paste the code before the tag:

.price-item.price-item--regular{ font-weight: bold; font-size: 20px !important; color: rgb(0, 0, 238) !important; }

If you want more flexibility to personalize your pages, I’d love to introduce our product PageFly Landing Page Builder with 24/7 support live chat. PageFly has a Free plan where you can use all features and create different page types so I hope give us a try.

If you find my comment useful, please let me know by giving it a Like. Thank you!

PageFly

4

Hi, Thanks that worked but I only want the price enlarged on the product page, not the home & collection pages. Can it be done just for the product page ?

5

Hi,

Thanks, that worked but the prices are now in blue & I don’t know how to change the colour. Plus I only want the price enlarged on the product pages not the home & collection pages. Could you please advise thanks.

6

Hi @Millie03

This is PageFly - Free Landing Page Builder. I would love to provide my recommendations for your store based on 6 years of providing solutions for about 100.000 active Shopify merchants.

If you want to use it for the product page you can change the code

You can add my code as follows: theme → Edit > Search “theme.liquid”. Then paste the code before the tag:

{% if template contains “product”%}

.price-item.price-item--regular{ font-weight: bold; font-size: 20px !important; color: rgb(0, 0, 238) !important; }

{% endif %}

If you want more flexibility to personalize your pages, I’d love to introduce our product PageFly Landing Page Builder with 24/7 support live chat. PageFly has a Free plan where you can use all features and create different page types so I hope give us a try.

If you find my comment useful, please let me know by giving it a Like. Thank you!

PageFly

7

thanks, but the price is still blue

8

you can move color: rgb(0, 0, 238) !important;

and use

font-weight: bold;

font-size: 20px !important;

9

thanks

I have looked at using PageFly but it looks very complicated & I wouldn’t know where to start :roll_eyes:

10

Thank you for your interest in us. you just need to install PageFly and use them in a simple way. We have 24/7 support staff so if you have any problem you can ask directly and get everything answered.