Can you change product title fonts on Shopify without affecting other fonts?

Dineosaur
New Member
9 0 0

Hi everybody,

I'm trying to change my product title font to be 'regular' rather than 'bold'. I have tried to play around with the font families, but this then changes fonts elsewhere on the site.

Here is the website: https://dineosaur.myshopify.com (password is:dineosaur1)

Is anyone able to point me in the right direction to fix this? I'm working in a fashionopolism theme.

Thanks in advance,

Daisy 

Replies 5 (5)

LamQSolutions
Shopify Partner
131 30 44

Hi @Dineosaur 

Please add the following code at the bottom of your assets/styles.scss.liquid or assets/theme.scss.liquid file.

 

.product-info h3 {
  font-weight: 400;
}

 

Hope this works.

Found my answer helpful? Please LIKE or Accept Solutions.
You may be interested in our apps
Scrolly Telling - Create scroll-based animations visually.
Ultimate Sections - Slideshow, Gallery, Collection, FAQs, Brand, Info box, Testimonial and more
Dineosaur
New Member
9 0 0

Hi @LamQSolutions ,

Thank you very for much the help. I added the code to my assets/stylesheet.scss.liquid file, but none of the text changed unfortunately.

I don't have an assets/styles.scss.liquid or assets/theme.scss.liquid file.....

The stylesheet file is the closest. Is there another way?

Attaching 2 pictures with the specific text I'm looking to edit if this helps.

Many thanks,

Daisy

 

Screenshot 2021-02-03 at 16.33.10.pngScreenshot 2021-02-03 at 16.30.56.png

 

Michal17
Shopify Partner
835 73 175

Add the following CSS to your stylesheet.
you may found it on assets/stylesheet.scss.liquid OR assets/stylesheet.css
.product__title{
  font-weight: 400 !important;
}
You can apply any value from 300 to 800 as per your choice.
For further assistance, you can contact me.
This will be a really simple fix for me


Dineosaur
New Member
9 0 0

Hi @Michal17 ,

This has fixed the issue on each product page, thank you! However, the product title text is still bold for items on the homepage and also across all collection pages. 

Do I need to add further code to ensure these text changes appear on the homepage too?

Thanks again for your help,

Daisy

 

Michal17
Shopify Partner
835 73 175

Hi @Dineosaur,
Yes, you need to put different CSS to update the title on the homepage.
You can contact me on my email.