Shopify Dawn - Change Font Size of Title and Price

Shopify Discussion
1

Hi there, in Shopify Dawn on the default product template how do I change Font Size of Title and Price?Cheers

2

Hi @seanyd,

Please go to Customize > Sections > Product information > Custom CSS and add code:

.product__title h1 {
    font-size: 3rem;
}
.price--large {
   font-size: 2rem;
}
3

Hey @seanyd,
Hope you are doing great. In order to change the product price and title font size you need to follow these steps.
Go to Shopify Admin >> Click on Online Store >> Edit Code >> base.css.
At the end of this file paste the following code.

span.price-item.price-item--regular {
    font-size: 16px;
}
.product__title h1 {
font-size: 48px;
}

You can also change the font-size values based on your requirements.
Results:

image
image1200×411 24.3 KB

4

Brilliant! thanks. For some reason it wouldn’t work for me when I pasted into base.css but worked a treat when I pasted into the custom css on the product default template - all I needed to do was remove the word ‘span’. Cheers

5

Many thanks, the title code did the job - I didn’t get a chance to try the price change as found another solution. Have a great day!

7

Hi @seanyd,

It’s my pleasure :blush: