The question is answered, right answer was accepted
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
The CCS Below is unfortunately incorrect/incomplete. It DOES change the blog post image size but it does so in Mobile and Desktop.
Answer by Paul2009 · Jan 11, 2017 at 09:53 PM
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
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.
Sonora Template: Change READ MORE in Blog Posts 1 Answer
Blog post image/thumbnail hover Henson template 2 Answers
Avenue Template: Remove blog dates 0 Answers
Blog template 0 Answers
How to add a sidebar to the foster blog articles template 1 Answer
Established 2003 Squarespace Handmade in NYC
Powered by AnswerHub