Carriage Return

[DoyleW]

On one of my Pages in the section area where I input description text, I am not able to insert carriage returns.

When I hit the enter button the return shows in the text box but on on the Page Section column.

As you can see in my attachment, in the text box on the right, I enter several carriage returns and as a result there's large empty space between paragraphs. I just want to be able to enter a return between the last paragraph and the last sentence, and as you can see in the Section column it's not working.

Any help is appreciated, Shopify Chat Support was not able to figure why this is happening.

NOTE: Using Dawn Theme

Thanks,

Doyle W.

[Shile_001]

Oh so sorry dear, this has been one of the difficulties have faced when i was setting up my page not able to insert carriage returns but finally did this through an expert help, you could reach out to below 👇

+1 (657) 499-7285

[DoyleW]

Thanks, it's not that big of a deal to involve outside tech support, it's just annoying that it's happening on the last sentence!
Thanks again for your reply!

[DoyleW]

It’s not that big of a deal to involve outside tech support, it’s just annoying that it’s happening on the last sentence!

Thanks again for your reply!

[Kudosi-Carlos]

Hello @DoyleW,

The Dawn page-section “Text” field you’re using treats your carriage returns as plain whitespace and collapses them on output—that’s why you see gaps in the editor but nothing on the live page. You have two ways to restore paragraph breaks:

1. Convert that field to richtext

• In Online Store > Themes > Edit code, open the section file you’re using (for example sections/page-template.liquid).
• In the {% schema %} block, find your setting:

{
"type": "text",
"id": "content",
"label": "Content"
}

• Change "type": "text" to "type": "richtext". Dawn will now give you a full rich-text editor (with paragraphs, images, HTML view, etc.) and preserve your returns.

2. Or, keep it as plain text and force line breaks

• Still in that same section file, locate where it outputs your text, e.g.:

<div class="page-content">{{ section.settings.content }}</div>

• Wrap it with Shopify’s newline_to_br filter so every enter becomes a <br>:

<div class="page-content">{{ section.settings.content | newline_to_br }}</div>

• After either update, save your changes and reload the theme editor. Your carriage returns will now appear exactly where you hit “Enter.”

[DoyleW]

Thanks for the solution, coding is a bit out of my comfort zone - It's not a big deal, I though it was weird that Shopify Chat Support was'nt able to help me fix this.

Preview