Carolinegullaksen Posted February 14 Share Posted February 14 I want to place a block halfway outside the section grid but dont want it to go full width. Any way to customize this? Link to comment
Ziggy Posted February 14 Share Posted February 14 Not really, but you can with CSS expand a section to full width which would give you more options in placement of a block, but it depends on what you're trying to achieve. Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com 🔌 Ghost Squarespace Plugins (Referral link)📈 SEO Space (Referral link)⬛ SquareWebsites Plugins (Referral link)☕ Did I help? Buy me a coffee? Link to comment
Carolinegullaksen Posted February 16 Author Share Posted February 16 Here is what im trying to do. I want to override the automatic expansion of the block. Link to comment
Ziggy Posted February 16 Share Posted February 16 You could try this code to make the grid full width: sectionID { .fluid-engine { --sqs-site-max-width:100vw; --sqs-site-gutter:0vw; } } You'll have to replace "sectionID" with the section ID for that part of your page. Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com 🔌 Ghost Squarespace Plugins (Referral link)📈 SEO Space (Referral link)⬛ SquareWebsites Plugins (Referral link)☕ Did I help? Buy me a coffee? Link to comment
Carolinegullaksen Posted March 9 Author Share Posted March 9 Hi, Thanks for the reply. How do i know what the section ID is? Link to comment
Ziggy Posted March 9 Share Posted March 9 Have a quick read of this: https://squarefortytwo.com/squarespace-guides/find-an-id-in-squarespace-71 Basically, use a chrome extension or use developer tools to inspect the page. Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com 🔌 Ghost Squarespace Plugins (Referral link)📈 SEO Space (Referral link)⬛ SquareWebsites Plugins (Referral link)☕ Did I help? Buy me a coffee? Link to comment
Carolinegullaksen Posted March 9 Author Share Posted March 9 Thank you! Unfortunately i did not work. I just get a strip on the top of the page with the code in it Link to comment
Ziggy Posted March 9 Share Posted March 9 The code is CSS, it needs to be in the Custom CSS or within <style></style> tags if you add it to header code injection. Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com 🔌 Ghost Squarespace Plugins (Referral link)📈 SEO Space (Referral link)⬛ SquareWebsites Plugins (Referral link)☕ Did I help? Buy me a coffee? Link to comment
Carolinegullaksen Posted March 9 Author Share Posted March 9 Like this? <style>#block-50170ad1008b66890ac2 { .fluid-engine { --sqs-site-max-width:100vw; --sqs-site-gutter:0vw; } }</style> Link to comment
Solution Ziggy Posted March 9 Solution Share Posted March 9 Yes, but you need to use the section ID not the block ID. Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com 🔌 Ghost Squarespace Plugins (Referral link)📈 SEO Space (Referral link)⬛ SquareWebsites Plugins (Referral link)☕ Did I help? Buy me a coffee? Link to comment
Carolinegullaksen Posted March 9 Author Share Posted March 9 Thank god it worked! Thank you so much! Ziggy 1 Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment