Jump to content

Margins on blog posts not the same as the rest of the site

Go to solution Solved by Ziggy,

Recommended Posts

Hi All,

My blog site seems to have an issue with margins on posts. I'm using summary blocks on the homepage which aligns with the rest of the content width but all other pages that have only blog posts are inset. 

Is there a way to make the blog pages ( news, interviews, reviews, resources) use the same content width? The site-wide margins are set to 2vw and I don't want to change these as the blog posts touch the edges which I don't like the look of if I do this.

How can I make the blog posts match the width of the homepage?

https://chinchilla-ellipsoid-c2bb.squarespace.com

Thanks 🙂

Edited by Creativeparent
add site address
Link to comment

Can you share your website site wide password?

In the blog posts you can edit the section and adjust the content width between Wide Medium and Narrow, would changing that work to address your question?

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment

I might not be understanding correctly what you want, but try this Custom CSS:

.tweak-blog-item-width-custom .blog-item-wrapper .blog-item-inner-wrapper {
    width: 100%;
}

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment
  • Solution

Try this CSS fix:

.tweak-blog-basic-grid-width-inset .blog-basic-grid {
    padding-left: 0vw;
    padding-right: 0vw;
}

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment
  • 2 months later...

@irenemercader Yes, use this instead:

@media only screen and (min-width:768px) {
  .tweak-blog-basic-grid-width-inset .blog-basic-grid {
    padding-left: 0vw;
    padding-right: 0vw;
  }
}

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

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.