How to make a full-with image block or section. Also want to know how to remove the padding between each section

Hello all,

I would like to know how to make a  full-with image block or section.

I have tried this css code to achieve the full with image block:
#imageblock { width: 100vw; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; padding: 17px 0!important; }

However, it may have the huge padding at top and bottom so I would like to know how to remove these padding between each section or other ways to make a full-with image block or section.

Thanks! 

Can you share link to this page? We can check easier

If I remember correctly, you will need to adjust -inset-padding in section code

Hi,

Yes I can. I have made a sample page that has the same question as I mentiond before.

The link is :
https://viola-chinchilla-xcye.squarespace.com/home1

The visitng code is: VzRr7j

When you access the site, you can see there is a padding between the first section and second section. Also, the first section's image block cannot be a full-with in the first setcion.  Thus, I would like to know how to solve these issues. Thanks!

20 hours ago, tuanphan said:

Add to Design > Custom CSS

/* First section image fullwidth */
.fe-64583d18309abf23a6376e8c {
    grid-gap: 0 !important;
    display: block !important;
}

 

Hi thanks for your solution. This code is work!