How do I remove this extra white space at the bottom?

Hello,

I'm trying to create a full width, full bleed page without nav, header and footer. I was able to hide the rest but I'm stuck on this bottom white section:


How can I remove this and display another image on hover?

Link to page here.

TYSM!

AMAZING! Any chance you can also help me with the mobile view? 🙏

Use this code under

body#collection-6478e32232456077f8725e47 .image-block {
    padding: 0px !important;
}

Thank you! Would you be able to remove the white space underneath?
 

On 7/6/2023 at 7:16 AM, celestine.fabros said:

Thank you! Would you be able to remove the white space underneath?
 

You want: remove header + remove white space, OR remove white space only?

Just the white space underneath please!

16 hours ago, celestine.fabros said:

Just the white space underneath please!

Add this under

@media screen and (max-width:767px) {
div#page-6478e32232456077f8725e47 .image-block {
    padding: 0px !important;
}
}

Thanks!! I had to pivot last minute from client's request to make it into a slideshow, so I used Slideshow Gallery instead of Image Poster. Desktop looks great, but the white space is back on mobile and tablet 😞 And when I refresh, it's overflowing to the right and once the slideshow loops, it goes to full width, so strange. Would love for it to look just like desktop, but stacked and responsive and without the mobile header. Many many thanks for all your help!
 

I don't see Slideshow. Can you share new link?

Yep! https://www.bettylarkin.com/new-home-copy

On 7/17/2023 at 11:15 PM, celestine.fabros said:

Yep! https://www.bettylarkin.com/new-home-copy

Try this CSS (Design > Custom CSS)

/* New Home page white space */
@media screen and (max-width:640px) {
div#page-64a9a440b45c235a34c80537 .gallery-block {
    padding: 0px !important;
}
}

That worked!! Thanks so much