Stretch a graphic or image beyond padding

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!

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

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

@emilywylde You can try this tool. https://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff?hl=en