Jump to content

Change blog post content width in only one blog (while having several blogs on the site)

Go to solution Solved by Ziggy,

Recommended Posts

Hello,

I have several blogs on one of the Squarespace sites I'm creating. If I change the blog post content width in one of the blogs, it applies to all. How could I have the blog posts' content width set to narrow in one of the blogs, while the other blogs' posts are medium width?

Thank you in advance! 🙏

KF

Link to comment

Can you share the blog URL for the one that you want narrower?

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

Blog page: https://lobster-oriole-j222.squarespace.com/et/blogi

Password: wizards

What I want narrower, are the actual blog posts within this blog, not the blog summary page above.

Post page: https://lobster-oriole-j222.squarespace.com/et/blogi/nds-fci-naitused-luunjas

I'm using blog layout also in other sections of the website, and those need to be medium width. It's just the news blog where the posts could be narrow instead.

Thank you! 

Link to comment

You can try this Custom CSS:

@media screen and (min-width: 768px) {
  #item-649c1a7b6f187d00ad5474a0 { 
    .blog-item-wrapper .blog-item-inner-wrapper {
      width: 50% !important;
    }
  }
}

It'll just affect that one page.

Edited by Ziggy

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

Tweaked the code to this:

@media screen and (min-width: 768px) {
  #item-649c1a7b6f187d00ad5474a0 { 
    .blog-item-wrapper .blog-item-inner-wrapper {
      width: 50% !important;
    }
  }
}

 

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

Shouldn't his item #item-649c1a7b6f187d00ad5474a0 only affect that one blog post because every post has a different #item? I would like all the posts within this blog #collection-649c1a7b6f187d00ad54749f be narrow. Currently not even that one post changes the width.

Link to comment

If you want the whole blog to have narrower blog articles then you should be able to do that in the settings on the blog item page.

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

You can try putting the code into the "Post Blog Item Code Injection" under Advanced in the blog page settings.

<style>
@media only screen and (min-width: 768px) {
  .blog-item-wrapper .blog-item-inner-wrapper {
     width: 50% !important;
  }
}
</style>

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
9 minutes ago, Kairike said:

Thank you so much!

Happy to help!

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.