Re: How to add spaces between paragraphs

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 Partner
5986 1076 1439

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 11 (11)

ZestardTech
Shopify Partner
5986 1076 1439

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 Partner
5986 1076 1439

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
2303 570 1426

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;
}

 

OnTheSaltOrg
Visitor
2 0 0

Hi, I am in need of a solution for the same problem. When editing the code, no "theme.css" exists. I have theme.liquid. Is the process the same? I'm using the Dawn theme and have tweaked some code. Thanks for any help you can provide. 

jyl912
Excursionist
19 0 10

Thank you both!! It worked 🙂

ArifFerdous
Visitor
1 0 0

Thank you!

ZestardTech
Shopify Partner
5986 1076 1439

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;
}

OnTheSaltOrg
Visitor
2 0 0

Hi, I am in need of a solution for the same problem. I need spacing between paragraphs to stay. When editing the code, no "theme.css" exists. I have theme.liquid. Is the process the same? I'm using the Dawn theme and have tweaked some code. Thanks for any help you can provide.