Size and colour of heading 1 in product description

Solved
peter550
Explorer
76 1 36

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

Screenshot 2021-10-26 at 18.34.52.pngScreenshot 2021-10-26 at 18.37.12.png

Accepted Solutions (2)

Accepted Solutions
KetanKumar
Shopify Partner
25045 2508 9067

This is an 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 */
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

KetanKumar
Shopify Partner
25045 2508 9067

This is an 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;
}
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

Replies 15 (15)
KetanKumar
Shopify Partner
25045 2508 9067

This is an 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 */
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

devangfour
Explorer
42 10 8

Hello @peter550 

Can you please send me your store URL?

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

 

Thanks

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on devangfour@gmail.com regarding any help
peter550
Explorer
76 1 36

Your amazing! Solved! Thanks mate

KetanKumar
Shopify Partner
25045 2508 9067

@peter550 

its my pleasure to help us 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
peter550
Explorer
76 1 36

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? 

Screenshot 2021-10-28 at 16.59.11.pngScreenshot 2021-10-28 at 16.59.19.pngScreenshot 2021-10-28 at 17.01.17.png

peter550
Explorer
76 1 36

@KetanKumar @devangfour 

any ideas about this issue? 

KetanKumar
Shopify Partner
25045 2508 9067

@peter550 

yes its perfect its work 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
peter550
Explorer
76 1 36

@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 correct here.the highlighted heading is incorrect herethe highlighted heading is incorrect herethis is the codethis is the code

KetanKumar
Shopify Partner
25045 2508 9067

@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 */
}
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing