emilywylde Posted March 22, 2021 Share Posted March 22, 2021 Hi there, I'm looking for advice on if it's possible to stretch an image - in this case a graphic of a squiggly line - across a page beyond the padding of the site using code? I want to keep the padding for everything else it's just the one image file. I've attached the mock-up of what I'd like it to look like (the site is currently offline so can't share a link) thanks! Link to comment
Beyondspace Posted March 22, 2021 Share Posted March 22, 2021 3 hours ago, emilywylde said: Hi there, I'm looking for advice on if it's possible to stretch an image - in this case a graphic of a squiggly line - across a page beyond the padding of the site using code? I want to keep the padding for everything else it's just the one image file. I've attached the mock-up of what I'd like it to look like (the site is currently offline so can't share a link) thanks! You can use absolute positioning to stretch the image excced its container and use measurement unit like vw (100vw mean 100% screen width) Some of the discussion css - How to make child exceed parent width properly? - Stack Overflow Full Width Containers in Limited Width Parents | CSS-Tricks BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox - Lightbox captions only mode) 🗓️ Delivery Date Picker (Squarespace Date picker form field) 💫 Gallery block 7.1 workaround 🥳 No-code customisations for Squarespace 🚀 Learn how to rank new pages on Google in 48 hours! If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you! Link to comment
emilywylde Posted March 23, 2021 Author Share Posted March 23, 2021 @bangank36 thanks for this! This is exactly my issue! I was wondering if you know of any articles to show how to target a specific image / block? Thanks! Link to comment
tuanphan Posted March 24, 2021 Share Posted March 24, 2021 @emilywylde You can try this tool. https://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff?hl=en 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!) Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.