All products bold text

Store Design
, , ,
1

Need all products with bold text, like 60 percentage of my products are not with bold text.

How with CSS code make all pages with bold text.

2

Hi, you’ll need to apply font-weight: 700; to the specific classes of the text you want to make bold

3

Hi Murtaza,

Yes, you can make all product titles bold using CSS in your Shopify store. Product titles are usually wrapped in a specific HTML element, often <h2>, <h3>, or a class like .product-title. You just need to target that element or class in your CSS.

Here’s a general way to do it:

  1. Go to your Shopify Admin → Online Store → Themes → Customize → Theme Settings → Edit Code.

  2. Open your theme’s CSS file: usually assets/theme.css or assets/theme.scss.liquid.

  3. Add the following CSS code at the bottom:

/* Make all product titles bold */
.product-title, 
.product-card__title, 
h2.product-title, 
h3.product-title {
    font-weight: bold;
}
  1. Save the changes and refresh your store to see the effect.

Notes:

  • Class names may vary depending on your theme (e.g., product-card__title is common in Shopify Dawn theme).

  • You can inspect your product title in the browser (Right-click → Inspect) to find the exact class and replace it in the CSS if needed.

  • If your theme uses !important in other styles, you may need:

.product-title {
    font-weight: bold !important;
}

Hopefully, you have got the solution.

Regards,
EmbedAny Support

4

Hi @Pakistanpowerto,

Please go to Customize > Theme settings > Custom CSS and add code:

.card__heading {
    font-weight: 700 !important;
}

If I helped you, then a Like would be truly appreciated.

5

Sir I tired all CSS code you given , no bold text in all products pages.

Tired in custom css

card__heading {
font-weight: 700 !important;
}
.product-title,
.product-card__title,
h2.product-title,
h3.product-title {
font-weight: bold;
}
.product-title {
font-weight: bold !important;
}

Nothing got worked

6

Do you want to make product title or product description be bold or both?

7

Hi @Pakistanpowerto,

Did you add exactly ‘.card__heading’ or ‘card__heading’

.card__heading {
    font-weight: 700 !important;
}
8

@Pakistanpowerto This can be done via this CSS below:

<style>
.full-unstyled-link {
font-weight: bold !important;
}

Add this block of code at the bottom of theme.liquid and it will apply like the effect in this screenshot:

image
image1910×885 153 KB

9

All products text , not collection text

10 
<style>
.product.grid {
font-weight: bold !important;
}
<style>

Add this code at the bottom of theme.liquid file and it will work.

image
image1910×885 86.4 KB

11

Hi @Pakistanpowerto,

Please add code:

.product__title>* {
    font-weight: 700;
}