Edit Headings text layout on hero slideshow

Tourist
3 0 1

Hi,

I am trying to edit my headings text on the front page (brooklyn theme) so the title is in a paragraph instead of one line. 

I would like the layout of the title to be :

SOMETHING

LIKE

THIS

(so each word of the title is on a different line)

 

Thanks!

0 Likes
Shopify Staff
Shopify Staff
179 0 10

Hello,

Christine here from the Shopify Guru team - thanks for your question.

To create a line break in your text you could try to use a <BR> HTML tag after each word that you wish to show on a new line. Alternatively, you could create the text directly into the image itself using a program like Photoshop and upload the image with the text already in that format.

Hope that helps! Let me know if you need anything else. We are just a click away :)

Cheers,
Christine 
Shopify Guru
 

0 Likes
Shopify Partner
4 0 0

Hi,

I need quite the same. I'm usign Debut theme and on the image you can see my header. I would like to have 2 different lines:

We don't build beanies

We build high quality beanies.

I'm usign "Image with text" section and I tried to add <br> on the heading but i visualize <br> also in frontend.

How can I solve it?

0 Likes
New Member
6 0 0

Hello,

I got the same issue. Can't find a way to use the <BR> tag in the hero title

Regards,

0 Likes
New Member
1 0 0

Same issue here. Any updates on this Shopify? I'm using the Narrative Theme. 

0 Likes
Shopify Expert
2674 65 665

For Brooklyn you'd need to modify the slideshow.liquid Section -- find codes like these and remove "| escape" part

 {{ block.settings.slide_subheading | escape }}
 {{ block.settings.slide_heading | escape }}

(nice to see my code for arrow in use :)

For natrrative it's similar -- from

{{ block.settings.title | escape }}

to

{{ block.settings.title }}

 

Want to hire me to tweak a theme? Mail me at tairli@yahoo.com!
My post solved your problem? Like it!
2 Likes
New Member
4 0 0

Hi when i view this added break on my mobile site i notice that <BR> is visible. How do i edit the code such that it dosent show up

0 Likes
New Member
2 0 0

Old thread I know but I was just looking for this and this answer did exactly what I needed.
After removing the '| escape' my line break is working
Cheers.

0 Likes
Tourist
3 0 0

Awesome! That works!

 

Thanks!!

0 Likes