How do I get a bold spacer under my product title

Solved

How do I get a bold spacer under my product title

michelle012
Excursionist
21 0 6

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

Example:

image.png

 

Accepted Solution (1)
ChiragPatel2911
Shopify Partner
53 9 6

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

Best Regards,
Chirag Patel (COO - Cirkle Studio PVT LTD)
chirag@cirklestudio.co

View solution in original post

Replies 3 (3)

ChiragPatel2911
Shopify Partner
53 9 6

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

Best Regards,
Chirag Patel (COO - Cirkle Studio PVT LTD)
chirag@cirklestudio.co
michelle012
Excursionist
21 0 6

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
Shopify Partner
53 9 6

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

Best Regards,
Chirag Patel (COO - Cirkle Studio PVT LTD)
chirag@cirklestudio.co