How can I change the font of product titles to regular in Fashionopolism theme?

Technical Q&A
1

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

2

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.

3

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.png
Screenshot 2021-02-03 at 16.33.10.png2092×982 195 KB

Screenshot 2021-02-03 at 16.30.56.png
Screenshot 2021-02-03 at 16.30.56.png2138×766 147 KB

4

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

5

Hi @Morek ,

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

6

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