Adding line breaks to product titles without the html appearing

[Bramasole]

Hi,

Can anyone help with the following:

We want to add line breaks to some long product titles.  When we add the following to the title field on a product page under Products:

Bramasole Olive Oil <br>(Twelve 500ml Bottles) <br>Standard Delivery

Things look great on our website (www.BramasoleOliveOil.com) where the product title appears.  However, in some social media apps, the <br> code is visible.

Any way to add the line breaks without having the html appear?

Thanks.

[KetanKumar]

@Bramasole 

sorry that issue can you try this code its work for my demo store 

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.

.grid-product__title.grid-product__title--body br {
    display: none;
}
.grid-product__title.grid-product__title--body {
    max-width: 240px;
    margin: 0px auto;
}

[Bramasole]

@KetanKumar 

Thanks for the reply.  I implemented the code, but the <br> is still appearing in places like Facebook and Instagram.  You can see an example here: https://www.facebook.com/commerce/products/4552172868206558/?ref=page_shop_tab&referral_code=page_sh...

This product catalog is controlled through Shopify.

Any other ideas?

Thanks.

[KetanKumar]

@Bramasole 

no sorry shopify admin product title doesn't allow to html tab 

[Bramasole]

@KetanKumar 

Thanks,  Do you have a way to add line breaks in product title?