Kairike Posted August 17, 2023 Posted August 17, 2023 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
Ziggy Posted August 17, 2023 Posted August 17, 2023 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?
Kairike Posted August 17, 2023 Author Posted August 17, 2023 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!
Ziggy Posted August 17, 2023 Posted August 17, 2023 (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 August 17, 2023 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?
Kairike Posted August 17, 2023 Author Posted August 17, 2023 Strange, but it has no effect on the page. Copied the exact code. Even tried to make the % smaller.
Ziggy Posted August 17, 2023 Posted August 17, 2023 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?
Kairike Posted August 17, 2023 Author Posted August 17, 2023 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.
Ziggy Posted August 17, 2023 Posted August 17, 2023 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?
Kairike Posted August 17, 2023 Author Posted August 17, 2023 I thought so too and tried it, but it changed all the other blogs (their posts) on the website as well. I'm using blogs also here, for example: https://lobster-oriole-j222.squarespace.com/et/labradorid/emased Or here: https://lobster-oriole-j222.squarespace.com/et/pesakonnad/varasemad All these posts shrink to narrow as well if I touch the first blog.
Solution Ziggy Posted August 17, 2023 Solution Posted August 17, 2023 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> ezrarising and Margaux 2 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?
Kairike Posted August 17, 2023 Author Posted August 17, 2023 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! Ziggy 1
Ziggy Posted August 17, 2023 Posted August 17, 2023 9 minutes ago, Kairike said: Thank you so much! Happy to help! Kairike 1 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?
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment