MarcMencio Posted October 9, 2019 Posted October 9, 2019 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, Marchttps://marcmencio.squarespace.com/
colin.irwin Posted October 9, 2019 Posted October 9, 2019 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
dzam Posted May 23, 2020 Posted May 23, 2020 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; }
tuanphan Posted May 25, 2020 Posted May 25, 2020 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!)
Recommended Posts
Archived
This topic is now archived and is closed to further replies.