Jump to content

When using a Card my line breaks in text are ignored after saving the page

Recommended Posts

Site URL: https://f3pens.squarespace.com

Good morning.

The two images below show what my text layout looks like when editing and what it looks like after saving. As you can see it seems to strip out the line breaks once the pages is saved. This is using the Card layout for the image.

The header is an H3 and the text is a paragraph (paragraph 2 in this case) I've tried changing to various other block types and they all give the same results. I've tried putting two or three line breaks after with no effect, tried ctrl+enter to keep them in the same paragraph tag, doesn't matter. And what's frustrating is when I go back in to edit, it looks perfectly fine again.

I have no custom CSS configured.

Am I missing something obvious here? 

Thanks.

While Editing:

image.png.4191c1a46fe12c9df356e54feb9daa2a.png

 

After Saving:

image.png.17984a6c913b7845f17cf32af6e7aa48.png

Link to comment

So I added this code which I found in another post. It works for the first break between the header and the paragraph text, but it still doesn't show the break in the paragraph text.

.image-title.sqs-dynamic-text p:first-of-type {
    display: block !important;
}

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.