Jump to content

Decrease Blog Post Width, without affecting anything else

By rebeccastumpf, in Code Blocks

Go to solution Solved by tuanphan,

Recommended Posts

rebeccastumpf Level 2

rebeccastumpf

Posted
Posted (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 by rebeccastumpf
wrong link
Link to comment
  • Replies 5
  • Views 1.1k
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Popular Posts

tuanphan
tuanphan

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 !impo

Posted Images

sorca_marian Level 8

sorca_marian

Posted
Posted

Hi,

Decrease on blog posts only the content width or the sidebar as well?

👨‍🔧👨‍💻 Contact me for development work - I’m a 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 Level 8

sorca_marian

Posted
Posted

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 work - I’m a 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
rebeccastumpf Level 2

rebeccastumpf

Posted
  • Author
Posted (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 by rebeccastumpf
Link to comment
  • Solution
tuanphan Level 17

tuanphan

Posted
  • Solution
Posted

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

Sign Up / Login
Go to topic listing
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Upcoming Webinars →

Hire a Designer

Stand out online with the help of an experienced designer or developer.

Get Matched →

Support

Community

Developers

Resources