rebeccastumpf Posted January 18 Share Posted January 18 (edited) 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 January 18 by rebeccastumpf wrong link Link to comment
sorca_marian Posted January 18 Share Posted January 18 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
sorca_marian Posted January 18 Share Posted January 18 Be aware that the current content is not centered on larger screens 👨🔧👨💻 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
rebeccastumpf Posted January 18 Author Share Posted January 18 (edited) @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 January 18 by rebeccastumpf Link to comment
Solution tuanphan Posted January 20 Solution Share Posted January 20 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; } } sorca_marian 1 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
rebeccastumpf Posted January 22 Author Share Posted January 22 @tuanphan Wow thank you SO much! That worked PERFECTLY! You're a genius! 🙂 Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment