How do I get a bold spacer under my product title

[michelle012]

How do I get a bold spacer under my product title on product page 

Example:

 

[ChiragPatel2911]

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

[michelle012]

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 

[ChiragPatel2911 · Accepted solution]

@michelle012 

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.

https://prnt.sc/Czmr3d6UcV0P

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!