Prestige Theme - font weight for bold text

Solved
jaylan_tahtali
Explorer
48 0 4

Hi team,

 

I'm wanting to change the font weight for the bold text on my website from weight 700 to weight 600. Right now the weight of all the bold text is 700 but I would like it to be 600 throughout the store/website. Please note I am only talking about bold text (not regular non-bold text).

 

www.leikenhair.com

 

Thanks so much for your help in advance :).

 

Jay

 

jaylan_tahtali_0-1637709399510.png

 

Accepted Solutions (7)

Accepted Solutions
LitCommerce
Trailblazer
291 72 72

This is an accepted solution.

Hi @jaylan_tahtali,

Please follow these steps:
- Step 1: Go to Online store > Themes > Actions > Edit code.
- Step 2: Go to Assets > theme.css and paste this at the bottom of the file:

b, strong {
    font-weight: 600 !important;
}

Hope it helps!

LitCommerce - The Most Simple & Affordable Multi-channel Selling Tool.
Effortlessly sell on biggest marketplaces like Amazon, Etsy, eBay, Facebook etc with bulk listing tool, real-time sync & smart order management. Use LitCommerce free for 1-year now!

View solution in original post

LitCommerce
Trailblazer
291 72 72

This is an accepted solution.

Hi @jaylan_tahtali,

Because you are importing font Regular, so when bold all will be the same. This can be seen as a bug in shopify's font system.

If you want to use all the font weights, you need to directly import google font with all Styles, it will work fine.

Refer https://fonts.google.com/specimen/Work+Sans , https://i.imgur.com/28AlpXg.png 

Go to layout > theme.liquid file, find ':root' and add code here: https://i.imgur.com/SlGVjpv.png

Hope it is clear to you.

If it helped you solve your issue, please mark it as a solution. Thank you and good luck.

LitCommerce - The Most Simple & Affordable Multi-channel Selling Tool.
Effortlessly sell on biggest marketplaces like Amazon, Etsy, eBay, Facebook etc with bulk listing tool, real-time sync & smart order management. Use LitCommerce free for 1-year now!

View solution in original post

LitCommerce
Trailblazer
291 72 72

This is an accepted solution.

Hi @jaylan_tahtali,

You should choose the font weight you need, not all, in my opinion only need 300, 400, 500, 600, 700.

If you need italic, you can choose to add it.

 

LitCommerce - The Most Simple & Affordable Multi-channel Selling Tool.
Effortlessly sell on biggest marketplaces like Amazon, Etsy, eBay, Facebook etc with bulk listing tool, real-time sync & smart order management. Use LitCommerce free for 1-year now!

View solution in original post

LitCommerce
Trailblazer
291 72 72

This is an accepted solution.

Hi @jaylan_tahtali,

No, bold only if weight is above 500, ie 600, 700. When you add and change font weight 600, 700 you will see the difference.

LitCommerce - The Most Simple & Affordable Multi-channel Selling Tool.
Effortlessly sell on biggest marketplaces like Amazon, Etsy, eBay, Facebook etc with bulk listing tool, real-time sync & smart order management. Use LitCommerce free for 1-year now!

View solution in original post

LitCommerce
Trailblazer
291 72 72

This is an accepted solution.

Hi @jaylan_tahtali,

You can find it in the css-variables.liquid file.

If it helped you solve your issue, please mark it as a solution. Thank you and good luck.

LitCommerce - The Most Simple & Affordable Multi-channel Selling Tool.
Effortlessly sell on biggest marketplaces like Amazon, Etsy, eBay, Facebook etc with bulk listing tool, real-time sync & smart order management. Use LitCommerce free for 1-year now!

View solution in original post

LitCommerce
Trailblazer
291 72 72

This is an accepted solution.

Hi @jaylan_tahtali,

You cannot add '</style>' tag here: https://i.imgur.com/lOJrDLw.png

And check the end of the file, if there is not '</style>' tag you can add it, if it already exists you don't need to add it.

Hope it is clear to you.

LitCommerce - The Most Simple & Affordable Multi-channel Selling Tool.
Effortlessly sell on biggest marketplaces like Amazon, Etsy, eBay, Facebook etc with bulk listing tool, real-time sync & smart order management. Use LitCommerce free for 1-year now!

View solution in original post

LitCommerce
Trailblazer
291 72 72

This is an accepted solution.

Hi @jaylan_tahtali,

You can try moving it to the top of the file: https://i.imgur.com/VGftJLb.png

Hope it helps!

LitCommerce - The Most Simple & Affordable Multi-channel Selling Tool.
Effortlessly sell on biggest marketplaces like Amazon, Etsy, eBay, Facebook etc with bulk listing tool, real-time sync & smart order management. Use LitCommerce free for 1-year now!

View solution in original post

Replies 21 (21)
dmwwebartisan
Shopify Partner
9829 2237 3078

@jaylan_tahtali 

your store is password protected please share your store front password.

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
jaylan_tahtali
Explorer
48 0 4
Hi dmwwebartisan,
The password is daoroh
Thanks,
Jay
LitCommerce
Trailblazer
291 72 72

This is an accepted solution.

Hi @jaylan_tahtali,

Please follow these steps:
- Step 1: Go to Online store > Themes > Actions > Edit code.
- Step 2: Go to Assets > theme.css and paste this at the bottom of the file:

b, strong {
    font-weight: 600 !important;
}

Hope it helps!

LitCommerce - The Most Simple & Affordable Multi-channel Selling Tool.
Effortlessly sell on biggest marketplaces like Amazon, Etsy, eBay, Facebook etc with bulk listing tool, real-time sync & smart order management. Use LitCommerce free for 1-year now!

View solution in original post

jaylan_tahtali
Explorer
48 0 4

Hi @lit,

Thanks so much for your response :).

That worked according to my font checker chrome extension, but visibly there is no difference. See below:

 

jaylan_tahtali_0-1637807422056.png

 

I'm trying to get the font to look like the below:

 

jaylan_tahtali_0-1637810408772.png

 

Thanks,

Jay

LitCommerce
Trailblazer
291 72 72

This is an accepted solution.

Hi @jaylan_tahtali,

Because you are importing font Regular, so when bold all will be the same. This can be seen as a bug in shopify's font system.

If you want to use all the font weights, you need to directly import google font with all Styles, it will work fine.

Refer https://fonts.google.com/specimen/Work+Sans , https://i.imgur.com/28AlpXg.png 

Go to layout > theme.liquid file, find ':root' and add code here: https://i.imgur.com/SlGVjpv.png

Hope it is clear to you.

If it helped you solve your issue, please mark it as a solution. Thank you and good luck.

LitCommerce - The Most Simple & Affordable Multi-channel Selling Tool.
Effortlessly sell on biggest marketplaces like Amazon, Etsy, eBay, Facebook etc with bulk listing tool, real-time sync & smart order management. Use LitCommerce free for 1-year now!

View solution in original post

jaylan_tahtali
Explorer
48 0 4

Hi @LitCommerce ,

Thanks so much for getting back to me. I will go ahead and try that. Which styles from the Work Sans family should I select? Do I select every font available there?

 

jaylan_tahtali_1-1637817042557.png

 

Thanks,

Jay

LitCommerce
Trailblazer
291 72 72

This is an accepted solution.

Hi @jaylan_tahtali,

You should choose the font weight you need, not all, in my opinion only need 300, 400, 500, 600, 700.

If you need italic, you can choose to add it.

 

LitCommerce - The Most Simple & Affordable Multi-channel Selling Tool.
Effortlessly sell on biggest marketplaces like Amazon, Etsy, eBay, Facebook etc with bulk listing tool, real-time sync & smart order management. Use LitCommerce free for 1-year now!

View solution in original post

jaylan_tahtali
Explorer
48 0 4
okay cool thanks bro, those weights just in bold ?
LitCommerce
Trailblazer
291 72 72

This is an accepted solution.

Hi @jaylan_tahtali,

No, bold only if weight is above 500, ie 600, 700. When you add and change font weight 600, 700 you will see the difference.

LitCommerce - The Most Simple & Affordable Multi-channel Selling Tool.
Effortlessly sell on biggest marketplaces like Amazon, Etsy, eBay, Facebook etc with bulk listing tool, real-time sync & smart order management. Use LitCommerce free for 1-year now!

View solution in original post