Re: Make heading text light

Solved

Make heading text light

manbru
Pathfinder
129 0 30

Hey,

 

I have set the font for headings as you can see:

 

Skärmavbild 2024-09-27 kl. 14.05.07.png

And I wonder how to make the text marked in this image on my product page not bold:

 

Skärmavbild 2024-09-27 kl. 14.03.32.png

 

My store: https://r1vex.myshopify.com/products/akpase-rondane-frost-forest-green 

 

 

 

Thanks for helping!

Accepted Solution (1)

Moeed
Shopify Partner
5886 1599 1902

This is an accepted solution.

Hey @manbru 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
span.h4.inline-richtext {
    font-family: system-ui !important;
    font-weight: 199 !important;
}
</style>

RESULT:

Moeed_0-1727439157946.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

- Get a quick Shopify quote – Click here!

- Need a Shopify Specialist? Chat on WhatsApp

- Custom Design | Advanced Coding | Store Modifications


View solution in original post

Replies 4 (4)

Moeed
Shopify Partner
5886 1599 1902

This is an accepted solution.

Hey @manbru 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
span.h4.inline-richtext {
    font-family: system-ui !important;
    font-weight: 199 !important;
}
</style>

RESULT:

Moeed_0-1727439157946.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

- Get a quick Shopify quote – Click here!

- Need a Shopify Specialist? Chat on WhatsApp

- Custom Design | Advanced Coding | Store Modifications


manbru
Pathfinder
129 0 30

Thanks!

Moeed
Shopify Partner
5886 1599 1902

Thank you for your reply. I'm glad to hear that the solution worked well for you. If you require any more help, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.

- Get a quick Shopify quote – Click here!

- Need a Shopify Specialist? Chat on WhatsApp

- Custom Design | Advanced Coding | Store Modifications


ZestardTech
Shopify Partner
5833 1058 1396

Hi @manbru 

 

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css  and paste this at the bottom of the file:

 

.h4.inline-richtext {
font-weight: bold;
font-size: 20px;
}

 

ZestardTech_0-1727439232766.png

 

 

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing