Dawn theme: line break in header image text

[10xfuel]

how can I add a line break to the header image text (see attachment)?

Thanks!

[GemPages]

Hello @10xfuel

It’s GemPages support team and glad to support you today.

To provide you with the most precise solution in this case, could you please share the store link?

[10xfuel]

Hi! this the page link: https://www.10xfuel.com/

[GemPages]

@10xfuel

I would like to give you a solution to support you:

1. Go to Online Store → Theme → Edit code:

2. Open your theme.liquid theme file

3. Paste the below code before :

Result:

Hope my solution can work and support you!

Kind & Best regards!

GemPages Support Team.

[DavidEKim]

@10xfuel

Hi,

Please follow the steps below to make a line break on “Image Banner”.

1. Go to Online Store > Edit code (…) 3 dots next to Customize > Sections > image-banner.liquid

2. After open the image-banner.liquid, please remove " | escape" (about line 95) part.

3. Check the screenshot below.

After delete | escape, it will look as below.

4. Save the image-banner.liquid file.

5. Go to theme editor (Online Store > Customize) and go to the image banner section.

6. You can add
   (line break tag) now. Enter “eat smart to
   work smart”.

7. Save the change.

You should see the line break there.

Hope it helps.

Thanks.

[10xfuel]

thank you! How to:

1. center the text and
2. change the font color to black?

[AngieH]

I have not been able to get this to work. I removed escape in both places and it still shows
as plain test in the heading section.

Any ideas?