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

Posted

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

Posted

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!

📈 SEO Space (Referral link)
Ⓜ️ 
Will Myers' Plugins & Tutorials (Referral link)
 🔌 Ghost Squarespace Plugins (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲SQSP Themes (Referral link) 
Spark Plugin (Referral link) 
 🖼️Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) 

 Did I help? Buy me a coffee?

Posted

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! 

Posted (edited)

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!

📈 SEO Space (Referral link)
Ⓜ️ 
Will Myers' Plugins & Tutorials (Referral link)
 🔌 Ghost Squarespace Plugins (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲SQSP Themes (Referral link) 
Spark Plugin (Referral link) 
 🖼️Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) 

 Did I help? Buy me a coffee?

Posted

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!

📈 SEO Space (Referral link)
Ⓜ️ 
Will Myers' Plugins & Tutorials (Referral link)
 🔌 Ghost Squarespace Plugins (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲SQSP Themes (Referral link) 
Spark Plugin (Referral link) 
 🖼️Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) 

 Did I help? Buy me a coffee?

Posted

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.

Posted

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!

📈 SEO Space (Referral link)
Ⓜ️ 
Will Myers' Plugins & Tutorials (Referral link)
 🔌 Ghost Squarespace Plugins (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲SQSP Themes (Referral link) 
Spark Plugin (Referral link) 
 🖼️Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) 

 Did I help? Buy me a coffee?

  • Solution
Posted

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!

📈 SEO Space (Referral link)
Ⓜ️ 
Will Myers' Plugins & Tutorials (Referral link)
 🔌 Ghost Squarespace Plugins (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲SQSP Themes (Referral link) 
Spark Plugin (Referral link) 
 🖼️Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) 

 Did I help? Buy me a coffee?

Posted

Oh, great! That worked! I actually tried to invent some code and insert it in the blog page settings before asking for help here, but I must've written something wrong. ☺️

Thank you so much!

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

📈 SEO Space (Referral link)
Ⓜ️ 
Will Myers' Plugins & Tutorials (Referral link)
 🔌 Ghost Squarespace Plugins (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲SQSP Themes (Referral link) 
Spark Plugin (Referral link) 
 🖼️Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) 

 Did I help? Buy me a coffee?

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.