Jump to content

different formatting between blog home and posts?

Recommended 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! 

Link to comment
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?

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment

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.

 

 

within individual blog post_paragraph spacing works well.png

blog post home_paragraph spacing doesn't work well.png

Edited by yulinl
adding support for the person who posted the issue
Link to comment
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.

 

 

within individual blog post_paragraph spacing works well.png

blog post home_paragraph spacing doesn't work well.png

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

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
22 hours ago, greta said:

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

image.thumb.png.41378d3bb6664aefa90bc488475e2863.png

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

image.thumb.png.6e1bb340c02010c906af798d77e624d5.png

 

http://www.gretanisswandt.com 

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

image.thumb.png.a7047c58c6bc1a9f7a121e4e99f09b84.png

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

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment
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:

image.thumb.png.a7047c58c6bc1a9f7a121e4e99f09b84.png

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! 

Link to comment
  • 2 weeks later...
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:

image.thumb.png.a7047c58c6bc1a9f7a121e4e99f09b84.png

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? 

Edited by greta
Another question
Link to comment
  • 4 weeks later...
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:

image.thumb.png.a7047c58c6bc1a9f7a121e4e99f09b84.png

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. 

Edited by yulinl
update of problem being resolved
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.