Shopify themes, liquid, logos, and UX
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
Solved! Go to the solution
This is an accepted solution.
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 !
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:
Alternatively, you can use CSS to make the text bold. Here are the steps to make menu and product name descriptions bold using CSS:
Log in to your Shopify account and go to your Theme Editor.
Click on the section that you want to make bold, such as the Main Menu or Product Name.
Click on the "Edit HTML/CSS" button.
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;}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.
This is an accepted solution.
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 !
Thank you ! This is perfect for my needs
Can you help me make the featured product bold?
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.
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
Hey Community! As the holiday season unfolds, we want to extend heartfelt thanks to a...
By JasonH Dec 6, 2024Dropshipping, a high-growth, $226 billion-dollar industry, remains a highly dynamic bus...
By JasonH Nov 27, 2024Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024