Remove Prefooter and Footer on Bedford

Site URL: https://chihuahua-indigo-nax8.squarespace.com

I'm trying to remove the prefooter and footer completely from this site: https://chihuahua-indigo-nax8.squarespace.com

When I use the code below, however, a black bar shows up in the place of the prefooter/footer.

#prefooter, #footer { display: none!important; }

I'm trying to remove the area completely so the photos extend to the bottom of the page.

Thank you!

Hi. Just tested that code & it looks fine. Can you add & keep the code in Custom CSS? We can check easier

Without code there is a gray bar at the bottom of the page, beneath the photo.

With code there a black bar at the bottom of the page, beneath the photo.

Photos are attached.

I want there to be no colored bar at the bottom and have the photo stretch to the base.

My client prefers the gray over the black which is why I'm only supplying photos and not keeping the code in.

Any help is greatly appreciated.

Thanks!

Try this new code

<style>
  #prefooter, #footer { display: none!important; }

div#promotedGalleryWrapper {}

div#block-yui_3_17_2_1_1545192901085_3633 {
    height: 100vh !important;
}

div#block-yui_3_17_2_1_1545192901085_3633 div, .collection-type-page.has-promoted-gallery #promotedGalleryWrapper .sqs-gallery-block-slideshow, .collection-type-page.has-promoted-gallery #promotedGalleryWrapper .sqs-gallery-block-slideshow .sqs-gallery {
    height: 100% !important;
}

body.homepage {
    overflow: hidden;
}
</style>