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?

๐Ÿ‘จโ€๐Ÿ”ง๐Ÿ‘จโ€๐Ÿ’ปย Contact me for development and design work - Freelancer Software engineer, Architect, and Designer UI/UX

๐Ÿ™‹โ€โ™‚๏ธย Squarespace Custom Web Development & Design

๐Ÿ“…ย Manage Tasks, Take Notes, and Upload Related Images

๐Ÿ“นย Squarespace Tutorials for free - YouTube๐Ÿ“นย 

๐Ÿ’ฏ๐Ÿš€ I have worked on over 200 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

๐Ÿ‘จโ€๐Ÿ”ง๐Ÿ‘จโ€๐Ÿ’ปย Contact me for development and design work - Freelancer Software engineer, Architect, and Designer UI/UX

๐Ÿ™‹โ€โ™‚๏ธย Squarespace Custom Web Development & Design

๐Ÿ“…ย Manage Tasks, Take Notes, and Upload Related Images

๐Ÿ“นย Squarespace Tutorials for free - YouTube๐Ÿ“นย 

๐Ÿ’ฏ๐Ÿš€ I have worked on over 200 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.