Solved

How To BOLD menu text and product name description?

theofficialmerc
Visitor
2 0 0

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

Accepted Solution (1)

infoatcodelab7
Shopify Partner
593 141 146

This is an 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 !

Want to modify or develop new website, Hire us.
If helpful then please Like and Accept Solution .
Email: info@codelab7.com

View solution in original post

Replies 6 (6)

Mubashir_H
Shopify Expert
84 4 13

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.

SEO pro | speed Optimization expert | SEO content writer

Drop me a message on Whatsapp for Free consultation.
Hire me at Shopify Experts Marketplace

infoatcodelab7
Shopify Partner
593 141 146

This is an 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 !

Want to modify or develop new website, Hire us.
If helpful then please Like and Accept Solution .
Email: info@codelab7.com
theofficialmerc
Visitor
2 0 0

Thank you ! This is perfect for my needs

tharaka45
Visitor
1 0 0

Can you help me make the featured product bold?

Capture12.PNG

GemPages
Shopify Partner
5588 1261 1209

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:

 

GemPages_0-1678083541121.png

 

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.

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center

PageFly-Victor
Shopify Partner
7865 1785 3058

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