NMcMurray Posted July 13, 2023 Share Posted July 13, 2023 Hi, I have a section on a website i'm building that has 3 images side by side, for 3 key services. I'd originally had this set up as a gallery block, which allowed me to have the section full width, with each image the same size (which is what i want). The issue with the gallery block was that I couldn't overlay text and I couldn't find the right code to make it work + customise the font to make it on brand. I'm now back to using 3 individual image blocks but can't figure out how to make them go full width with no white space. Does anyone know how to make this work? I feel like this should be a simple task but i can't figure it out. I've attached an image of what i'm hoping to achieve. URL is: jaguar-oboe-r9kk.squarespace.com Password is: Test Thanks in advance Nicola Link to comment
Solution Ziggy Posted July 13, 2023 Solution Share Posted July 13, 2023 You can just drag the blocks out to the edge but that will stretch the design in not the most pleasing way, I would suggest using this Custom CSS that will make that one section full width: section[data-section-id="64b033550baf84677bcb0515"] { .fluid-engine { --sqs-site-max-width:100vw; --sqs-site-gutter:0vw; } } Let me know how that works for you. Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com Hire me on Upwork! 📈 SEO Space (Referral link) Ⓜ️ Will Myers' Plugins & Tutorials (Referral link) 🔌 Ghost Squarespace Plugins (Referral link) ⬛ SquareWebsites Plugins (Referral link) 🔲SQSP Themes (Referral link) ✨ Spark Plugin (Referral link) 🖼️Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) ☕ Did I help? Buy me a coffee? Link to comment
NMcMurray Posted July 13, 2023 Author Share Posted July 13, 2023 Thank you so much! Yes dragging them out to the edges made the middle one smaller than the rest. So annoying. This code works perfectly. I really appreciate your quick response. 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