Reduce Product Title font size in Craft theme

Technical Q&A
1

Hello, I have been trying to reduce the product title size on my website which uses the Craft theme. I have tried several ways following instructions provided on other threads but not had any luck. Can somebody please help me. My website is www.skinnypiginteriors.co.uk. A product page example is Pumpkin Collection - 12 piece – Skinny Pig Interiors

Thank you

2

Hello @info_17469 ,

I hope you are well!

Please copy and paste the code below by going to the Online store >> Themes >> Customize >> Click on Settings icon to the left >> Scroll down to the bottom and paste it to the custom CSS tab.

.product__title h1 {

font-size: 25px;
}

And it will change like

image
image1585×968 94.8 KB

4

Hi @info_17469

You can add the below code at the bottom of theme.liquid file and if it is working normally, your product title font size will be reduced like this:

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

image
image1920×869 83.3 KB

5

Thank you, unfortunately that didn’t work. I wonder if I have an instruction somewhere which is overriding this?

6

Thank you, unfortunately that didn’t work.

7

Can you please share the screenshot of the code where you have pasted it? This will definetly work.

8

You need to paste this code –

image
image1918×841 137 KB

9

It worked this time, hurray! Thank you so much :grinning_face:

10

Sad to hear that, it may be due to the wrong class name applied to your store. But it is happy to know this issue is solved eventually!