Jump to content

Resizing a single page

Recommended Posts

I need code to resize the width of a single page, does anyone have any solutions? 

If I use Squarespace's function to narrow the width of the blog, setting it to narrow, when I reduce the width of the screen the text becomes impractical and awkward to read. The width is better when I set it to wide and then narrow the page, but then the rest of the site's pages are ruined by being made too narrow.

After having found the below code, that I thought could help, it shifts the entire contents of the page to the far left of the page and the header image is cropped. I ideally need to narrow the width of one page while having the content stay centred and the entire remaining across the entire page.

 

Quote

<style>#page { max-width: 800px }</style>

 

Screen 4.PNG

Edited by LewisH
Link to comment
  • Replies 4
  • Views 687
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

On 3/7/2023 at 8:48 PM, LewisH said:

www.ebb-magazine.com, with the pages of the blog post on being the ones that need resizing for which https://www.ebb-magazine.com/essays/against-the-common-enemy is an example. 

Thank you for any help!

Edit this post > Add a Code Block (bottom) > Paste this code

<style>
  .wm-banner-style-5 .has-banner .content-wrapper .blog-item-inner-wrapper {
    width: 90% !important;
}
</style>

 

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
8 hours ago, tuanphan said:

Edit this post > Add a Code Block (bottom) > Paste this code

<style>
  .wm-banner-style-5 .has-banner .content-wrapper .blog-item-inner-wrapper {
    width: 90% !important;
}
</style>

 

Unfortunately this reproduces the problem, as when I add it the text column is still squished to accommodate empty space -- even at different percentages.

When I set the page width for the whole site to 800px then set the blog width to wide, that solves the problem, but the rest of the site is squashed, whereas this code only changes the content of the blog itself. Do you have a section of code that would change the page width of a single page (the blog posts) to 800px? If Squarespace had a functionality where I could simply change that single slider for that one page it would be perfect. (To remove any ambiguity, the slider in question is in Design > Site Styles > Spacing > Page Width (Max))

Edited by LewisH
Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...

Squarespace Webinars

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

Hire a Designer

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