Solved

Dawn theme: changing size of product title and in cart see attached photo

sfoster95
Shopify Partner
56 3 12

I am trying to change the size of the circled font in the attached photo.

I found a code that was supposed to change the size in the product page but it did not work. 
the code provided was to paste the following code in theme.liquid above the </head>

<style>
.product-info__title {
font-size: 30px; // please change value here
}
</style>

IMG_1842.jpeg

Accepted Solution (1)
sfoster95
Shopify Partner
56 3 12

This is an accepted solution.

I was able to get it to change by changing the h1 code in the base.css to this

}

h1,
.h1 {
font-size: calc(var(--font-heading-scale) * 3rem);
}

 

View solution in original post

Replies 3 (3)

made4Uo
Shopify Partner
3821 716 1148

Hi @sfoster95 

 

I assume you want both text to be adjusted in the same size. You can use the code below

 

1. From you Admin page, go to Online store > Themes > Click the three dots on the theme you want to edit > Edit code
2. Go to Asset folder and open the base.css file
3. At very end of the code, add the code below

NOTE: Change 30px to the size you want

.featured-product .product__title,
cart-items .title.title--primary {
    font-size: 30px;
}

 

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free
sfoster95
Shopify Partner
56 3 12

Thank you I tried that and changed it to 18px and my product titles are still way too large

IMG_1873-compressed.png

 

 

sfoster95
Shopify Partner
56 3 12

This is an accepted solution.

I was able to get it to change by changing the h1 code in the base.css to this

}

h1,
.h1 {
font-size: calc(var(--font-heading-scale) * 3rem);
}