How To BOLD menu text and product name description?

[theofficialmerc]

Hi,

Could you please help me to make BOLD text for menu and product name description for theme refresh ver. 8.00 ?

Thank you!

TheOfficialMerchant

[Mubashir_H]

Hello @theofficialmerc 

To make text bold in Shopify's Theme Refresh version 8.0, you can use the HTML <strong> tag or the CSS font-weight property.

Here are the steps to make menu and product name descriptions bold using HTML:

1. Log in to your Shopify account and go to your Theme Editor.
2. Click on the section that you want to make bold, such as the Main Menu or Product Name.
3. Add the HTML <strong> tag before and after the text that you want to make bold. For example, if you want to make the menu item "Shop" bold, you would enter <strong>Shop</strong>.
4. Save your changes and preview your website to see the bold text.

Alternatively, you can use CSS to make the text bold. Here are the steps to make menu and product name descriptions bold using CSS:

1. Log in to your Shopify account and go to your Theme Editor.

2. Click on the section that you want to make bold, such as the Main Menu or Product Name.

3. Click on the "Edit HTML/CSS" button.

4. In the CSS file, add the following code:

   For Menu:

   .nav-item a {font-weight:bold;}

   For Product Name:

   .product-single__title {font-weight:bold;}

5. Save your changes and preview your website to see the bold text.

I hope this helps! Let me know if you have any further questions.

[infoatcodelab7 · Accepted solution]

@theofficialmerc 

To make menu text and product name description Bold follow below steps :

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find layout > theme.liquid and paste this at the bottom of the file:

<style>
.header__menu-item.list-menu__item{
  font-weight: 700 !important;
}
.card__information .card__heading a{
  font-weight: 700 !important;
}
</style>

 Hope this work well.

Best Regards !

[theofficialmerc]

Thank you ! This is perfect for my needs

[tharaka45]

Can you help me make the featured product bold?

[GemPages]

Hi @theofficialmerc,

Glad to support you today.

You can check out my suggestion below to get your concern resolved.

1. Go to Edit code on Online Store:

2. add my code  above the </body> tag on Theme.liquid:

<style>
	.header__menu-item, .menu-drawer__menu-item, .card__information .card__heading a {
		font-weight: bold !important;
	}
</style>

Hope you find my answer helpful!

Kind & Best regards,
GemPages Support Team.

[PageFly-Victor]

Hi @theofficialmerc 

This is Victor from PageFly - Shopify Page Builder App, I’d like to suggest this idea:

Online Store ->Theme ->Edit code

Assets ->Base.css

.header__menu-item, .menu-drawer__menu-item, .card__information .card__heading a {
    font-weight: bold !important;
}

Hope you find my answer helpful!

Best regards,

Victor | PageFly