How can I adjust the H1 size on Debut theme product pages?

Store Design
1

I have done this before on an old site and it was easy but the theme files are different nowadays (so community solutions are also out of date that ive found) … shopify support also refused to help.

I simply want to make the Headings smaller on product pages (no huge deal if this changes all H1 on the rest of the site) Its at 20px and want it to be the size of other fonts (15px) … cannot do it on theme settings section so it needs to be coded (see screen shots)

Screenshot 2022-02-07 at 11.04.16 AM (1).png
Screenshot 2022-02-07 at 11.04.16 AM (1).png1304×544 74.9 KB

Screenshot 2022-02-07 at 11.01.58 AM (1).png
Screenshot 2022-02-07 at 11.01.58 AM (1).png414×612 22 KB

2

@Henrybags ,

Please add this CSS to your theme

.product-single__description.rte h1 {
    font-size:15px !important;
}

Thanks!

1 Like
3

thank you so so much that has made the decsription perfect… why support couldnt just tell me that i dont know

is there a code like this to make the product title smaller just on product pages?

4

@Henrybags ,

please share screenshot..

5

@Henrybags ,

h1.product-single__title {
    font-size: 20px !important;
}

Thanks!