Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

full bleed image block (squarespace7.1)


Recommended Posts

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

Screen Shot 2020-06-17 at 10.59.49 AM.png

Link to post
  • Replies 3
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Popular Posts

Thank you!

Posted Images

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

Screen Shot 2020-06-17 at 10.59.49 AM.png

Hi there

image.thumb.png.e1bacbbb9ee81c1593f063310de1bb6c.png

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

 

I am frontend dev that provide solutions to enhance feature of squarespace.com can't provide, please check my profile for more details

--- To Space And Beyond! ---

https://www.freelancer.com/u/BaNgan

Link to post
  • 3 weeks later...

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

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...