full bleed image block (squarespace7.1)

hi guys, im looking to make a just one section of my site that has 2 image poster blocks, full bleed. Currently there is padding all around.

I want it to look like the attached image.

here is the site

www.gypset.com

password: gypset2020

thanks in advance

54 minutes ago, danielachavez said:

hi guys, im looking to make a just one section of my site that has 2 image poster blocks, full bleed. Currently there is padding all around.

I want it to look like the attached image.

here is the site

www.gypset.com

password: gypset2020

thanks in advance

Here is result:

section[data-section-id="5eda530169284a72bfc5c828"] .content-wrapper {
  margin: 0;
    width: 100%;
    max-width: 100%;
}
section[data-section-id="5eda530169284a72bfc5c828"] .content-wrapper .sqs-block-image {
 padding: 0;
}

You can find the section id using this extension:

https://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff/related

1 hour ago, danielachavez said:

hi guys, im looking to make a just one section of my site that has 2 image poster blocks, full bleed. Currently there is padding all around.

I want it to look like the attached image.

here is the site

www.gypset.com

password: gypset2020

thanks in advance

Hi there

Next find custom css section and add this, I found the section id for you in this case

section[data-section-id="5eda530169284a72bfc5c828"] {
  width: 100vw;
}
section[data-section-id="5eda530169284a72bfc5c828"] .content-wrapper {
  margin: 0;
    width: 100%;
    max-width: 100%;
  padding: 0 !important;
}
section[data-section-id="5eda530169284a72bfc5c828"] .content-wrapper .content {
  width: 100% !important;
}
section[data-section-id="5eda530169284a72bfc5c828"] .content-wrapper .sqs-block-image {
 padding: 0;
}
section[data-section-id="5eda530169284a72bfc5c828"] .content-wrapper .sqs-block-image img {
  width: auto !important;
  height: 100% !important;
}

To find the section you need this tool:

https://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff/related

Thank you!

@bangank36 your solution was so helpful, thank you! One issue I am encountering - when I resize my browser window (and on mobile), the padding increases above and below the image. Is there any way to prevent this? Thank you!

@sarahmpg @bangank36 I'm experiencing the same issue where the padding fluctuates whenever the screen size changes. Any help would be appreciated, thanks!

Please show me your current site urls so I can have a look