Hey,
I have set the font for headings as you can see:
And I wonder how to make the text marked in this image on my product page not bold:
My store: https://r1vex.myshopify.com/products/akpase-rondane-frost-forest-green
Thanks for helping!
Topic summary
Request to make certain product page headings non‑bold in a Shopify store using CSS. The OP provided a product URL and images highlighting the bold text.
Proposed solutions:
- Edit theme.liquid and add custom code above the closing tag. The exact code snippet was not included in the post, but an image of the result suggests the heading weight was adjusted.
- Alternatively, edit Assets > base.css and add a rule for .h4.inline-richtext with font-weight: bold and font-size: 20px. This specific rule sets text to bold, which may not align with the OP’s goal of making it light.
Outcome: The OP thanked the first responder and confirmed the solution worked. A follow-up message expressed satisfaction and offered further help.
Notes:
- Images are central to understanding which text needed changes.
- Key terms: theme.liquid (Shopify theme layout file), base.css (main stylesheet), CSS (style rules controlling font weight and size).
Status: Resolved; no further action items or unanswered questions were indicated.
1 Like
Hey @manbru
Follow these Steps:
-
Go to Online Store
-
Edit Code
-
Find theme.liquid file
-
Add the following code in the bottom of the file above tag
RESULT:
If I managed to help you then, don’t forget to Like it and Mark it as Solution!
Best Regards,
Moeed
Hi @manbru
- In your Shopify Admin go to online store > themes > actions > edit code
- Find Asset > base.css and paste this at the bottom of the file:
.h4.inline-richtext {
font-weight: bold;
font-size: 20px;
}
Thanks!
1 Like
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.