Title inside the image banner be on three lines

Store Design
1

Can you tell me how can I make the title inside the image banner to be three lines? That is, start each sentence. I tried with the br tag but I can’t.

Thank you very much

The theme is dawn.

Immagine 2023-07-18 170354.png
Immagine 2023-07-18 170354.png1887×916 30.2 KB

2

You have a few options that I can think of off the bat:

Find the section in sections/image-banner.liquid that looks like this:

"blocks": [
    {
      "type": "heading",
      "name": "t:sections.image-banner.blocks.heading.name",
      "limit": 1,

change the limit to 3 so that you can add 3 headers.

Alternatively, set the header type from “type”: “inline_richtext” to “type”: “html” to allow you to use the break tags as intended.

1 Like
3

To expand a bit on @joeybab3 answer –

If you see “
” output in your title when trying to add them to your block settings, look for the code like this:

{{ block.settings.heading | escape }}

You need to remove the | escape part – this prevents your tags from working as actual HTML tags.

2 Likes