How to change font weight (and bold to normal) of card title in collection products ?

Solved

How to change font weight (and bold to normal) of card title in collection products ?

Fratello
Tourist
3 0 0

Hi, 

We are using Enterprise theme, we would like to change the font of the 'cards title' in collection products section and featured collection section. It is currently bold, and we would like to change it to normal ? 

Thank you

Accepted Solutions (2)
Tech_Coding
Shopify Partner
514 132 131

This is an accepted solution.

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
   h2.h4.mb-0.flex-auto.section__heading.text-center, p.card__title.font-bold.mb-1 {
      font-weight: 400 !important;
   }
</style>
my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.
Shopify UI Developer
Your Coffee Tips adds a little sweetness to my day.

View solution in original post

Tech_Coding
Shopify Partner
514 132 131

This is an accepted solution.

Replace the above code with below code

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
    h2.h4.mb-0.flex-auto.section__heading.text-center {
       font-weight: 500 !important;
   }
   p.card__title.font-bold.mb-1 {
     font-weight: 400 !important;
  }
</style>
my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.
Shopify UI Developer
Your Coffee Tips adds a little sweetness to my day.

View solution in original post

Replies 5 (5)

Tech_Coding
Shopify Partner
514 132 131

Hello @Fratello 
would you like to share your store URL and password if any please.
so i can check and provide you possible solution for your question.

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.
Shopify UI Developer
Your Coffee Tips adds a little sweetness to my day.
Fratello
Tourist
3 0 0

Hello, 

 

it is https://www.fratello.bike/

Pass: yiltee

 

As you can see, we would like the font of card title in collection products to be less bold and more like the font of product title on main page product.

Thanks

 

Tech_Coding
Shopify Partner
514 132 131

This is an accepted solution.

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
   h2.h4.mb-0.flex-auto.section__heading.text-center, p.card__title.font-bold.mb-1 {
      font-weight: 400 !important;
   }
</style>
my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.
Shopify UI Developer
Your Coffee Tips adds a little sweetness to my day.
Fratello
Tourist
3 0 0

Perfect ! it works perfectly, thank you very much !

If we want to make it a little more bold, is it possible with this code ? or do we only have 400 and 700 choice ? 

And to choose the size of the font, could you tell me the code for it ? 

 

Thank you 

Tech_Coding
Shopify Partner
514 132 131

This is an accepted solution.

Replace the above code with below code

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
    h2.h4.mb-0.flex-auto.section__heading.text-center {
       font-weight: 500 !important;
   }
   p.card__title.font-bold.mb-1 {
     font-weight: 400 !important;
  }
</style>
my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.
Shopify UI Developer
Your Coffee Tips adds a little sweetness to my day.