Adding line breaks to product titles without the html appearing

Store Design
1

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
(Twelve 500ml Bottles)
Standard Delivery

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

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

Thanks.

1 Like
2

@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;
}
3

@KetanKumar

Thanks for the reply. I implemented the code, but the
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_shop_tab_card

This product catalog is controlled through Shopify.

Any other ideas?

Thanks.

1 Like
4

@Bramasole

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

5

@KetanKumar

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

1 Like