html - remove bold from headings on all product pages (shopify)
Solution:
You can put it this way:
First: note the arrangement of your stylesheet. They overwrite eachother. Secondly, add a new line to your css: h1 > strong {font-weight: 300!important;}
In your attempt you're trying to change the h1 only, but you want to change this particular combination. That's what you'll do with this suggestion.
Answer
Solution:
[Not strictly addressing Shopify here]
This solution applies in general using vanilla CSS but I'm not familiar with theshopify platform and I can't be sure how it's expected to be instructed and if there's a limited support for any possible nuance supported by web standards.
Since the<strong> tag is nested inside the<h1> it will hold its own style even if the parent has a lighterfont-weight.
To address that scenario using css only, you may have a rule with a selector targeting<h1> descendants like this:
Source
Didn't find the answer?
Our community is visited by hundreds of Shopify development professionals every day. Ask your question and get a quick answer for free.
Similar questions
Find the answer in similar questions on our website.
Write quick answer
Do you know the answer to this question? Write a quick response to it. With your help, we will make our community stronger.