New Shopify Certification now available: Liquid Storefronts for Theme Developers

Inability to add spaces to the content of pages

Solved
PhilippIv
Tourist
11 0 4

Hi guys,

 

Was wondering if anyone would be able to help me with a really stupid but very annoying problem. 

I've prepared a text for my "about us" page and when I paste it in the "content" section and save the page, all the spaces between paragraphs and headings get removed. Fixing it manually in the "content" section afterwards does not work either, after I save the page the same thing happens. 

Would anyone know what the problem here would be?

Many thanks in advance!

Accepted Solution (1)
dmwwebartisan
Shopify Partner
12267 2545 3679

This is an accepted solution.

@PhilippIv 

Glad to hear that !!!

Please mark this post as a solution. So others can take benefit.

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app

View solution in original post

Replies 7 (7)
dmwwebartisan
Shopify Partner
12267 2545 3679

@PhilippIv 

Please share your website URL. I will check and provide a solution here.

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
PhilippIv
Tourist
11 0 4

@dmwwebartisan  This is the page :

https://www.domumstore.nl/pages/about-us

 

Thanks!!

 

dmwwebartisan
Shopify Partner
12267 2545 3679

@PhilippIv 

I checked your page actually while pasting paragraph it took "<div>" instead of "<p>". If "<p>" was there then everything will look perfect. So let's take current condition all paragraphs in "div". 

To give the spacing. Please add the following code at the bottom of your assets/theme.scss.liquid file.

body.template-page div {
    margin: 0 0 19.44444px;
}

 

Hope this helps. Remove extra div that you have given for spacing.

Thanks! 

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
PhilippIv
Tourist
11 0 4

@dmwwebartisan all worked, thanks for much for your help! 🙂 

dmwwebartisan
Shopify Partner
12267 2545 3679

This is an accepted solution.

@PhilippIv 

Glad to hear that !!!

Please mark this post as a solution. So others can take benefit.

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
Marjar
Visitor
1 0 0

I am having the same issue and tried the listed solution and it did not work for me.  Could you possibly help me out too?

hbell89
Tourist
6 0 1

I had the same issue and holding down shift when pressing enter worked for me.