Jump to content

Bedford: How can I increase the page width?

Recommended Posts

  • Replies 13
  • Views 21.6k
  • Created
  • Last Reply
  • 7 months later...
  • 3 weeks later...
  • 3 weeks later...
  • 11 months later...

Using the code: #page, #content {max-width: 95% !important;} Or even using it without the content tag, is there a way to make this code specific to a certain page?

I'm looking to use a standard page with a summary grid to re-create a blog page, but one with blog summaries that have images in them. Only thing is, I want to increase the content width to include a sidebar for an archive/search option. When the content is normal sized it's a little crammed. So ideally I'd like to widen this one page, but leave the content on the rest of the pages the normal width.

The page's name is news. I've tried replacing the #page code to #news, but it didn't work. Any help would be greatly appreciated.

Thanks!

Link to comment
  • 8 months later...

I have found a way to assign the CSS to a particular page. In place of 'page' you need the 'body id' of that particular page. If you navigate to your page in chrome and hit Ctrl+U you'll bring up the page source. Ctrl+F to open search and enter 'body id'. On the same line as 'body-id' you'll find something that looks like 'collection-........' with an alphanumeric string after it. Paste that as your 'page'.

Link to comment
  • 4 weeks later...
  • 9 months later...

Hi Stanante. I found this chain and have a question. I am trying to target a specific page but am getting a sytanx error. You suggested replacing "page" with the "body id".

My body ID is "collection-5a0c6bcbf9619a2a36830f8a"

So my code, replacing #page, with the body id is


 <style>
#collection-5a0c6bcbf9619a2a36830f8a  {
   max-width: 1300px;
}
</style>

But I'm getting syntax error.

Link to comment
  • 3 years later...

@racheljackson

You can do this right through the SS interface for the Native template.

1280px is the max you can get with the slider control.

1655615759_ScreenShot2021-01-13at5_16_49PM.png.8c97d1d50eb2386c681c395fd60e6627.png

However if you type the number indirectly you want go higher.

747554000_ScreenShot2021-01-13at5_17_31PM.png.ab5b53e5ed16fe587d4b1648556294d6.png

You can even use different units.

680997359_ScreenShot2021-01-13at5_26_45PM.png.14ffdb7f2aaac024a391ecb3ced861fd.png

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.