Have your say in Community Polls: What was/is your greatest motivation to start your own business?

How can I increase font sizes using the Dawn 8.0 theme editor?

Solved

How can I increase font sizes using the Dawn 8.0 theme editor?

AdamWSD
Excursionist
15 0 7

Hi All,

 

Upgrading our theme to Dawn 8.0 and I am trying to customise using the Custom CSS in theme editor field to increase font size instead of a custom css snippet. 

 

The price container has always prevented me increasing the size of regular price, I can increase the special price, but I want to increase both.

 

Also, I have struggled to increase product title as well - this I would like to do only on carousels/homepage, the sizing is fine on product page.

 

I have used customer liquid in my basic skills to add the RRP & Dozen pricing which I would also like to edit/increase size of also. 

 

Can anyone assist with resolving this for me? I have tried many different ".class" references and rules etc all to no avail. Thanks in advance.

 

You can view exisiting site www.winesellersdirect.com.au

 

Screenshot 2023-02-14 at 12.41.14 pm.png

 

 

 

Screenshot 2023-02-13 at 4.46.39 pm.png

Screenshot 2023-02-14 at 12.44.25 pm.png

Accepted Solution (1)
PageFly-Victor
Shopify Partner
7865 1786 3117

This is an accepted solution.

You can use CSS below to make font size for the price.

 

 

.price__sale{
font-size: 30px !important;
}

 

 



PageFlyVictor_0-1676533716503.png

 

 

s.price-item.price-item--regular {
font-size: 30px !important;
}

 

 

 

PageFlyVictor_1-1676533759963.png

 

 

View solution in original post

Replies 5 (5)

PageFly-Victor
Shopify Partner
7865 1786 3117

Hi @AdamWSD 

 

You can use devtool to check class and click “+” to creat class for element 

 

PageFlyVictor_0-1676342764440.png

 

 

 

 

Hope this answer helps.

Best regards,

Victor | PageFly

AdamWSD
Excursionist
15 0 7

Thanks for the reply Victor... I tried this but still is not working. 

 

Screenshot 2023-02-14 at 1.23.50 pm.png

PageFly-Victor
Shopify Partner
7865 1786 3117

This is an accepted solution.

You can use CSS below to make font size for the price.

 

 

.price__sale{
font-size: 30px !important;
}

 

 



PageFlyVictor_0-1676533716503.png

 

 

s.price-item.price-item--regular {
font-size: 30px !important;
}

 

 

 

PageFlyVictor_1-1676533759963.png

 

 

AdamWSD
Excursionist
15 0 7

Thanks Victor. That has helped. I am assuming the  !important was what was needed. Hugely appreciative.

PageFly-Victor
Shopify Partner
7865 1786 3117

@AdamWSD  It is my pleasure to help you ❤️