How to Bold Item Titles Through Out Entire Store with Trade Theme

[jordanbford1]

Hi!

How do I bold my item titles throughout my entire store with Trade Theme? (Product page, Featured collections, etc)

[Made4uo-Ribe]

Hi @jordanbford1 

Try this one. 

1. From your Shopify admin dashboard, click on "Online Store" and then "Themes".
2. Find the theme that you want to edit and click on "Actions" and then "Edit code".
3. In the "Assets" folder, click on "base.css, style.css or theme.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

h1, h2, h3, h4, h5, .h0, .h1, .h2, .h3, .h4, .h5 {
    font-weight: bold;
}

• And Save.
• Result:
• 

 Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better! 

[jordanbford1]

@Made4uo-Ribe I am wanting to only bold *item titles* across the site in all of these sections and product page. Can you help update the code to do that? Apologies for the confusion. 

[Made4uo-Ribe]

Oh, sorry I thought all titles. Please, replace on this code. 

.collection h3.card__heading {
    font-weight: bold;
}

And Save. 

Result:

 Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better! 

[DaisyVo]

Hi @jordanbford1 

I hope you are well. You can follow our instructions below:

1/ Shopify admin > Online store > Customize: https://prnt.sc/XQ6IDB99kUCd
2/ From the left menu > Theme settings > Open Custom CSS: https://prnt.sc/iDxwa8zBQ4Z-
3/ Copy the code below and paste it there

Here is the code for Step 3:

.card__heading a {
    font-weight: bold !important;
}

 

Please let me know if it works. Thank you!

Best,
Daisy - Avada Support Team.

[jordanbford1]

@DaisyVo This affects the Collection List Titles and makes them bold too and I am only wanting to bold Product (Item) Titles. Is there anyway to make this only bold the item titles?

[DaisyVo · Accepted solution]

Hi @jordanbford1 

Could you please try this code instead?

div.collection slider-component ul.grid.product-grid .card__heading a {
    font-weight: bold !important;
}

Please let me know if it works. Thank you!

Best,
Daisy - Avada Support Team.

[DaisyVo]

Hi @jordanbford1 

I'm wondering if it works? 

[Moeed]

Hey @jordanbford1 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.card__heading {
    font-weight: bolder !important;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[jordanbford1]

@Moeed This affects the Collection List Titles and makes them bold too and I am only wanting to bold Product (Item) Titles. Is there anyway to make this only bold the item titles?