different formatting between blog home and posts?

Site URL: http://www.gretanisswandt.com

Hey! I'm having trouble solving the difference in formatting between my blog page and posts. I want the full post displayed on the main blog page, but it's not formatting the paragraph spacing/image dimensions the same way it does in the post URL itself (if you click into a blog post, you'll see what I mean).

Is there a simple way to fix this, coded or otherwise? My coding knowledge is rudimentary so any solutions would be awesome.

http://www.gretanisswandt.com (my blog is the homepage).

Thanks! 

On 10/1/2022 at 10:25 PM, greta said:

Site URL: http://www.gretanisswandt.com

Hey! I'm having trouble solving the difference in formatting between my blog page and posts. I want the full post displayed on the main blog page, but it's not formatting the paragraph spacing/image dimensions the same way it does in the post URL itself (if you click into a blog post, you'll see what I mean).

Is there a simple way to fix this, coded or otherwise? My coding knowledge is rudimentary so any solutions would be awesome.

http://www.gretanisswandt.com (my blog is the homepage).

Thanks! 

I check that they are the same layout. Can you take some screenshots of your issue?

Thank you for describing the issue so well -- glad to have found your post via search.

I am experiencing the exact same issue! Within each blog post, the paragraph spacing is what I expected it to be. However,  on my blog home page (where I show full posts of all my blogs), the paragraph spacing is not showing up, and my texts look super dense.

Attaching screenshots below.

On 10/7/2022 at 1:11 AM, yulinl said:

Thank you for describing the issue so well -- glad to have found your post via search.

I am experiencing the exact same issue! Within each blog post, the paragraph spacing is what I expected it to be. However,  on my blog home page (where I show full posts of all my blogs), the paragraph spacing is not showing up, and my texts look super dense.

 

Attaching screenshots below.

 

 

Can you share link to blog page? We can check easier

On 10/3/2022 at 10:08 AM, bangank36 said:

I check that they are the same layout. Can you take some screenshots of your issue?

Yes! For example, on the homepage the blog post's spacing looks like this:

And when you click into the blog post the spacing looks like this:

http://www.gretanisswandt.com 

22 hours ago, greta said:

Yes! For example, on the homepage the blog post's spacing looks like this:

And when you click into the blog post the spacing looks like this:

 

http://www.gretanisswandt.com 

I can see the difference between your content on blog collection page and blog post page:

To make its layout the same as the one on blog post layout, we can use this Css code

.blog-single-column .blog-excerpt p {
  margin: 1rem 0;
}

Let me know how it works on your site

On 10/10/2022 at 7:57 PM, bangank36 said:

I can see the difference between your content on blog collection page and blog post page:

To make its layout the same as the one on blog post layout, we can use this Css code

.blog-single-column .blog-excerpt p {
  margin: 1rem 0;
}

Let me know how it works on your site

THIS WORKS LIKE A CHARM! I added it to my custom CSS and it's good now. Thanks so much for offering this solution! 

On 10/10/2022 at 6:57 PM, bangank36 said:

I can see the difference between your content on blog collection page and blog post page:

To make its layout the same as the one on blog post layout, we can use this Css code

.blog-single-column .blog-excerpt p {
  margin: 1rem 0;
}

Let me know how it works on your site

Sorry for the late reply. But it works perfectly, thank you SO much! 

Is there a way to do the same thing with the post containing a gallery of images? 

On 10/10/2022 at 7:57 PM, Beyondspace said:

I can see the difference between your content on blog collection page and blog post page:

To make its layout the same as the one on blog post layout, we can use this Css code

.blog-single-column .blog-excerpt p {
  margin: 1rem 0;
}

Let me know how it works on your site

Oh no...I don't know what happened, but it has stopped working for me today. The blog page is back to having no paragraph spacing on preview 😭 (my blog page is at: https://small-waves.com/357219562667). I didn't change any CSS code since the last time I added the code in. 

OHHH It's working again! I cleared my custom CSS and pasted the code back in. It's working again now.