Shopify themes, liquid, logos, and UX
How do I get a bold spacer under my product title on product page
Example:
Solved! Go to the solution
This is an accepted solution.
Yes, sure. You can use below CSS if you want just the product title bottom line with bold.
.product__block__title + .product__block__spacer .hr--none {
border: 0;
height: 2px;
background: #000;
}
The result will be like this.
If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!
Hello @michelle012
You can add a custom CSS.
Open theme customize -> Go to the product template https://prnt.sc/krI4SxA2f48p -> Click on the product section https://prnt.sc/lKSpG-_fslrq and Custom CSS -> add below CSS in that area and save it.
.product__block__spacer .hr--none {
border: none;
height: 2px;
background: #000;
}
It will be look like this after this update. https://prnt.sc/nP4I1wbVSe6z
hi Chiragpatel2911 thank you for your response!
is it possible to only make the spacer under the product title bold and to keep the 2e under the price grey just as it is?
hope you can help me
This is an accepted solution.
Yes, sure. You can use below CSS if you want just the product title bottom line with bold.
.product__block__title + .product__block__spacer .hr--none {
border: 0;
height: 2px;
background: #000;
}
The result will be like this.
If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025