How can I include a line break in my website's main header?

Store Design
1

Hi there,

Can anyone please help me out? I’m trying to include a line break in the main header of my website where it says " Time to spoil yourself: A little or a lot…". I need to make it as the following:

"Time to spoil yourself:

A little or a lot…"

Not much idea about coding so anything would be helpful. Thanks!

Website: https://yourstrulychocolate.myshopify.com/

2

Hi there,

Are you using Image Block for this section?

If you are, then sorry to say that you cannot do that from theme.

You will have to look for other type of section or create a custom section.

Thanks.

3

Hi @Sajat

Thanks for getting back to me. Yes I am using Image block. Thanks for this info. I’m going to have to rethink that part.

4

Hi @Sajat

I have changed the block to a slideshow now. Can the headings now be fixed via code?

5

[USING IMAGE BANNER SECTION]

Alternatively, if you want to change the code, here is how to do it.

Go to Online Store → Themes → Edit Code → Sections → Image-banner.liquid.

Search for “type”: “heading”,

Under Settings → Type; change “text” to “richtext”.

Delete { “default”: “Image banner”,}

Then Search for {{ block.settings.heading | escape }} and Replace this with

{{ block.settings.heading }}

This should do the trick. But, please note that, since we changed code on liquid file, everytime you add Image Banner section, you will get Rich Text Box instead of regular box on Theme Editor.

Thanks.

Please mark this solution as accepted solution if this solves your problem.

6

Hello Sajat,

I followed your instruction and it’s working well when I edited it directly in the shopify editor. However when I edited it locally as a theme template and uploaded it to our store the homepage returned 404 error.

What do you think is the problem here and how to solve this error.

Thank you.

7

How do I do this for the dynamic slideshow section?