Resize (smaller) Blog Width for Sonora Template
Hey Guys ~
I'm trying to reduce the blog width and blog post size for Sonora, it's currently set very big, full window size and I'd like to reduce that to about 900px wide.
In past answers this was suggested by @BrandonW which was successful in that case, but not for me.
.collection-type-blog #page { max-width:600px; margin:0 auto; }
Any suggestions is very much appreciated!
the test site is - http://mb2017test.squarespace.com/journal
I ONLY want the individual blog posts to be smaller in width, so they do not take up such a large amount of space. Cheers Paul2009
You can reduce the overall width of blog posts by increasing the amount of padding on either side. You can do this in the Style Editor, but it will affect all pages, not just blog items.
To make the blog items smaller in width, add this CSS to Design > Custom CSS:
/* Make Sonora blog narrower by increasing side padding to 400px (default is 120px) */
.collection-type-blog.view-item .Main-content {
padding: 80px 400px;
}
The code tells it to only affect the 'item' view and to only affect items in the blog collection. The Main-content is the area that contains the item title, metadata, text and images. If you've added spacer blocks, you may want to consider removing them.
Paul
I post free answers because I want to help other Squarespace users. In return please Accept an answer if it is correct. If it didn't help, feel free to ask for more help or wait for others to add their comments.
To everyone! If you find this (or any) answer helpful, please vote it up using the up arrow. This will let other users know it's a good answer.
