Solved

Why does space between paragraphs disappear on my page?

jyl912
Excursionist
19 0 10

Hello, I am writing some content on one of my Pages and cannot get spaces to display between paragraphs. When I write it out in the text box, it looks fine, but the second I save and preview it, everything gets lumped together in one paragraph.

Accepted Solution (1)
ZestardTech
Shopify Expert
5483 987 1311

This is an accepted solution.

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >theme.css and paste this at the bottom of the file:

.PageContent.PageContent--narrow.Rte div p {
line-height: 2!important;
}
Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing

View solution in original post

Replies 9 (9)

ZestardTech
Shopify Expert
5483 987 1311

Hello There,

Please share your store URL and screenshot.
So that I will check and let you know the exact solution here.

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
jyl912
Excursionist
19 0 10

Hi,

The page in question is at https://petitanjou.com/pages/philanthropy and the password is zeasea. Everything is lumped together in one paragraph, but I'd like there to be spaces in between them.

 

ZestardTech
Shopify Expert
5483 987 1311

This is an accepted solution.

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >theme.css and paste this at the bottom of the file:

.PageContent.PageContent--narrow.Rte div p {
line-height: 2!important;
}
Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
Kinjaldavra
Shopify Partner
2302 570 1424

hello @jyl912 

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

.PageContent.PageContent--narrow.Rte p {
   line-height: 30px !important;
}

 

jyl912
Excursionist
19 0 10

Thank you both!! It worked 🙂

ArifFerdous
Visitor
1 0 0

Thank you!

ZestardTech
Shopify Expert
5483 987 1311

Thank you for your response. It's good to know that it's worked for you. Kindly feel free to get back to me if you need any further assistance.

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
TealWolf86
Visitor
1 0 0

ZestardTech - Can you provide the same explanation for the 'Ride' Theme?  I do not have a theme.css file


Thanks!

beginnerhere
Visitor
2 0 0

paste this at the bottom of base.ccs or use it on the section you want.

 

p{
margin-bottom:20px! important;
}