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 · Accepted solution]

@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 */
}

[KetanKumar · Accepted solution]

@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

the highlighted heading is correct here.the highlighted heading is incorrect herethis is the code

[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 · Accepted solution]

@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

[devangfour]

Hello @peter550 

Can you please send me your store URL?

https://laz-the-plant-scientist.myshopify.com/password

Thanks