How can I reduce the font size of my page titles on the Dawn collection?

Store Design
1

Hi,

Can someone please help me change the titles of each page to a smaller font size? This is the dawn collection.

http://chapelhillchauncyhall.myshopify.com/
password is chargers

Thanks!

2

This question has been solved before in this thread: https://community.shopify.com/c/shopify-design/dawn-theme-changing-font-size/td-p/1329058

To summarise, go to Edit Code → Assets → base.css, and find the codes below, and play around with the font size to find the size you wanted. The first section adjusts the mobile view and the second section adjusts desktop view.

h1,
.h1 {
font-size: 3rem;
}

@media only screen and (min-width: 750px) {
h1,
.h1 {
font-size: 4rem;
}
}

3

Please change this in base.css file.

@media only screen and (min-width: 750px){
.h1, h1 {
font-size: calc(var(–font-heading-scale) * 3rem);
}
}