Jump to content

Content width in Lange project pages

Recommended Posts

Posted

Hi,

I would like to make the content width of my projects wider than the default settings of the Lange template. 

I introduced some CSS that changed the margins of the pages as I would like them to be, but they also altered the margins of the homepage and index which was unintended:

 #page { max-width: 100%; margin: 140px; padding: 0; }

 

Is there anyway I can target the content of the pages without targeting the content of the homepage ?

 

Any clue would be much appreciated!!!
Thanks much,

Marc
https://marcmencio.squarespace.com/

  • Replies 3
  • Views 640
  • Created
  • Last Reply
Posted

 

Try replacing your rule with the following:

body:not(.homepage, #collection-5d33fd2aa550120001edc34c) #page { max-width: 100%; margin: 140px; padding: 0; }

I'm Colin Irwin aka silvabokis.  I've been a Squarespace designer & developer since 2013. 
You might want to check out my
Squarespace Template Finder or read my Squarespace tips
Speaking of tips, 💲I've got a tip jar. Feel free to throw a few quid into if you think I've helped you. 

If you're looking for a Squarespace developer Book a chat or Drop me a line - first meeting is always free  

 

  • 7 months later...
Posted

Hey Colin, I just tried doing this as it sounds like I'm looking to achieve the same thing, and it didn't work. Any reason why? Does the "collection-5d...etc" not apply to me? What's the general code that could be broadly applied to all of these page types in one fail swoop, or what is the code that needs to be added to each page? Thank you in advance for any info.

 

On 10/9/2019 at 12:14 PM, colin.irwin said:

body:not(.homepage, #collection-5d33fd2aa550120001edc34c) #page { max-width: 100%; margin: 140px; padding: 0; }

 

Posted
On 5/24/2020 at 6:53 AM, dzam said:

Hey Colin, I just tried doing this as it sounds like I'm looking to achieve the same thing, and it didn't work. Any reason why? Does the "collection-5d...etc" not apply to me? What's the general code that could be broadly applied to all of these page types in one fail swoop, or what is the code that needs to be added to each page? Thank you in advance for any info.

 

 

each page has different ID, #collect...

Can you share link to project page on your site?

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

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.