Size and colour of heading 1 in product description

[peter550]

hi everyone

I would like to change the size and colour of the heading 1 in all of my product description pages. This it the text on the right hand side of the page in the purple. Its the type in the description box pf the product page.

I would like to drop it down to half the size and change the colour to a green (#575a17) but keep it soria font. I set the original heading size via the product page on shopify

[KetanKumar]

@peter550

yes please try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme–critical.css ->paste below code at the bottom of the file.

.product-page--rte h1, .product-page--rte h1 strong {
    color: #575a17;
    font-size: 36px; /* change font size as you like */
}

[peter550]

Your amazing! Solved! Thanks mate

[KetanKumar]

@peter550

its my pleasure to help us

[peter550]

Hi @KetanKumar

This code has only worked for one product - you can see below one page has the updated heading 1 text on the right, and one doesnt.

I put the code you gave me in the ‘theme critical’ file - see the image below.

How can i resolve this issue?

[peter550]

@KetanKumar @devangfour

any ideas about this issue?

[KetanKumar]

@peter550

yes its perfect its work

[peter550]

@KetanKumar

No, unfortunately it doesn’t work. It has only changed the font on one product page (Ashwagandha root powder). On other pages it hasnt changed the heading. See both images below to show what i am talking about

[KetanKumar]

@peter550

no sorry where is this code?

.product-page--rte h1, .product-page--rte h1 strong {
    color: #575a17;
    font-size: 36px; /* change font size as you like */
}

[peter550]

@KetanKumar Apologies I misunderstood. The code is in the theme–critical.css.liquid folder:

[KetanKumar]

@peter550

thanks for update sorry but your password doesn’t work

[peter550]

@KetanKumar my password is test

[KetanKumar]

@peter550

yes please remove last my code and add this

.product-page--rte h1, .product-page--rte h1 strong {
    color: #575a17 !important;
    font-size: 30px !important;
}

[peter550]

nice one thank you that worked

[KetanKumar]

@peter550

its my pleasure