How can I add a text break in my debut themed store's headline?

Hi,

I would like to add a break in the text of the headline on my debut themed Shopify store. I looked it up in the community and I found the section I would have to change, but I am not sure what to type to put the break in the correct place of my headline. Also, where do I put it in the code? Can someone help me with this?

@aprilyuen Can you please send me your store url?

@aprilyuen

Welcome to the Shopify community!
Thanks for your good question.

Please share your store URL.
So that I will check and let you know the exact solution here.

Hi,

My store is not published yet. Here is the preview.

https://6f4fex99cypsj1uw-53829173446.shopifypreview.com

Can you help me with the preview?

Hi,

My store is not published yet. Can you help me with the preview link?

https://6f4fex99cypsj1uw-53829173446.shopifypreview.com

@aprilyuen
you want to add under line or space,

Hi @aprilyuen ,

Can you send me a screenshot of where to break in the text, I will check it for you.

Also you can refer to the
form of html, it can help you in this case, refer https://www.w3schools.com/tags/tag_br.asp

Hope it helps!

Hi Zworthkey,

I actually put the headline back the way it was so it should be clearer. I wanted a line break after the line, “Less can be powerfully more”
the only exfoliating essential you’ll ever need

Hi Litcommerce,

Here is the screenshot. I would like the break to be at Less can be powerfully more
The only exfoliating essential you’ll ever need. I can’t find the html file in the code to put the break. I tried the other solution from the community which is to go to the hero.liquid page and do this:

a) Removing the escape filter. By changing this part to {{ section.settings.title }}, titles such as “First Line
Second Line” could be used in the admin and the line break would work.

b) Replacing this part with the appropriate HTML that should be displayed on the page.

But I can’t find the HTML page. I already got rid of the escape filter.

Hi @aprilyuen ,

Please follow the steps below:

  • Step 1: Go to sections > hero.liquid file, find ‘section.settings.title | escape’ and remove ‘| escape’

  • Step 2: Go to Customize > Image with text overlay > Heading. Please add ‘

Hope it helps!

Hi LitCommerce,

I did exactly what you said and the
shows up on my shopify website instead of making the line break. Does the website have to be published online for the line break to show up? I don’t understand what I am doing wrong. Thank you for being so responsive!

Here is a link to the updated site.

https://6f4fex99cypsj1uw-53829173446.shopifypreview.com

It worked. I tried again a little later. Thank you!!!