Would like 3 feature image (poster) blocks below main slider to fill content section.

Site URL: https://olive-cuboid-89bn.squarespace.com/

Hello,

I am trying to make the 3 image poster blocks under my main image to fill the section they are in with no padding. I have tried some custom css without luck.

the password is: "haetchi"

Hopefully someone can provide some advice.

Thanks in advance.

This should work . Add this to the page header code injection for the page with the images: 

<style>
.sqs-block.image-block {
 padding: 0px !important;
}
</style>

Remove the style commands and place in custom css if you want it to work site wide. 

Thanks Derrick!

This almost worked, it doesn't quite fill the space but I'll try adjusting the css. I noticed that this has also applied to all of the poster blocks.

How do i make it apply to just that section below the main image?

This is the section ID:

section[data-section-id="627e4bd3934d6b26dbcd5214"]

9 hours ago, MitchTheBoss said:

Thanks Derrick!

This almost worked, it doesn't quite fill the space but I'll try adjusting the css. I noticed that this has also applied to all of the poster blocks.

How do i make it apply to just that section below the main image?

This is the section ID:

section[data-section-id="627e4bd3934d6b26dbcd5214"]

add ID before the code

<style>
section[data-section-id="627e4bd3934d6b26dbcd5214"] .sqs-block.image-block {
 padding: 0px !important;
}
</style>

That fixed the issue of it applying to the other sections. But how do I make it edge to edge? It still has padding on the sides/top/bottom.

Also, I just noticed that there is a page alignment issue now, the "Book a Class" button at the top doesn't have any padding to the right. I am not sure why it would affect that.

That fixed it perfectly! Thank you!