Jump to content

Decrease Blog Post Width, without affecting anything else

Go to solution Solved by tuanphan,

Recommended Posts

Hi there! 

I'm looking to decrease the width of my individual blog posts, without affecting anything else on the site/pages. Here's an example of a single post: https://www.rebeccastumpf.com/journal2/2022/12/13/striking-gold-for-travel-leisure

And here's the page before it of all the individual posts I'm looking to decrease the width of: https://www.rebeccastumpf.com

Can anyone help me out with some custom code to do this? The squarespace design does not allow anymore width adjustments than there currently are.

THANKS!

Edited by rebeccastumpf
wrong link
Link to comment

Hi,

Decrease on blog posts only the content width or the sidebar as well?

 👨‍🔧👨‍💻 Squarespace plugins

🙋‍♂️ Squarespace Custom Web Development & Design Services

📅 Todoist alternative | Increase your Productivity 

📹 Squarespace Tutorials for free - YouTube📹 

💯🚀 I have worked on over 300 Squarespace sites with custom code for over 9 years

🙋‍♂️ Let's connect on LinkedIn

 

Link to comment

Be aware that the current content is not centered on larger screens

Screenshot 2024-01-18 at 23.49.04.png

 👨‍🔧👨‍💻 Squarespace plugins

🙋‍♂️ Squarespace Custom Web Development & Design Services

📅 Todoist alternative | Increase your Productivity 

📹 Squarespace Tutorials for free - YouTube📹 

💯🚀 I have worked on over 300 Squarespace sites with custom code for over 9 years

🙋‍♂️ Let's connect on LinkedIn

 

Link to comment

@sorca_marian yes, not affect the side bar width at all.

Correct, my site is left justified...so basically I'm looking to create more of a space in between the blog and the side bar in order to make the blog width smaller. As far as the page width, it's on the maximum amount on squarespace, so it's interesting to see the layout on larger screens! Hmmm....

Edited by rebeccastumpf
Link to comment
  • Solution

You can use this code to Website Tools (under Not Linked) > Custom CSS

@media screen and (min-width:901px) {
.collection-type-blog.blog-sidebar-right #mainContent {
    margin-right: 550px !important;
}
}

 

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

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.