White Block showing on Black pages in 7.1

Site URL: https://megalodon-jellyfish-ahzy.squarespace.com/

When building blank pages and in the about page on my site, there is seemingly a phantom white block that's showing up between the content and the footer when I'm using the Black Minimal Color Scheme. There isn't a block there when I go in to edit. Anyone know what this might be?

I have put some code in but I don't think that would affect it.

Here's the code I've inserted:

/*the following code mimics the portfolio flatiron template with fade in rollover text*/

/* increase image transparency on hover */ 
  img.summary-thumbnail-image.loaded:hover 
  { 
  opacity: 0.4;
  }
/* display title on hover*/ 
  .sqs-block-summary-v2 .summary-item .summary-title 
  a{ 
  background-color: transparent; 
  opacity: 0; 
  color: #fff; 
    position: absolute;
     left: 0;
     right: 0;
     top: 45%;
     margin-left: auto;
      margin-right: auto;
 
 
  }

  .sqs-block-summary-v2 .summary-item:hover .summary-title 
  a{ 
  background-color: transparent; 
  opacity: 4; 
  color: #FFF; 
     position: absolute;
     left: 0;
     right: 0;
     top: 45%;
     margin-left: auto;
      margin-right: auto;
 
  }

/*style title font hover for summary wall block*/
.sqs-block-summary-v2 {
.summary-title,
.summary-heading {
font-family: 'FOUNDERSGROTESK'!important;
font-weight: 400 !important;
font-size: 30px !important;
color: #FFF;
 } 

}

/*eliminates white space between thumbnails*/
.summary-thumbnail-container,
.summary-title {
margin-bottom: 0 !important;
}

.summary-item
{background-color: #000000;}

@font-face {    
font-family: 'FOUNDERSGROTESK';       
src: url('https://static1.squarespace.com/static/5e8f3ac78b89c5205e278f15/t/5e96dd80faeb9808759ae30c/1586945408521/FoundersGrotesk-Light.otf');  }

h {font-family: 'FOUNDERSGROTESK';}
h1 {font-family: 'FOUNDERSGROTESK';}
h2 {font-family: 'FOUNDERSGROTESK';}
h3 {font-family: 'FOUNDERSGROTESK';}
h4 {font-family: 'FOUNDERSGROTESK';}
p {font-family: 'FOUNDERSGROTESK';}
p2 {font-family: 'FOUNDERSGROTESK';}
p3 {font-family: 'FOUNDERSGROTESK';}
p4 {font-family: 'FOUNDERSGROTESK';}

.blog-item-title h1.entry-title {
    font-family: FOUNDERSGROTESK !important;
}
.header-nav .header-nav-item a {
      font-family: 'FOUNDERSGROTESK';
}

.header-nav-folder-content .header-nav-folder-item a {
      font-family: 'FOUNDERSGROTESK';
}

.header-menu-nav-item a {
      font-family: 'FOUNDERSGROTESK';
}

.item-pagination h2.item-pagination-title {
      font-family: 'FOUNDERSGROTESK';
}
.sqs-block-button-element {
    font-family: 'FOUNDERSGROTESK';
      font-size: 20px !important;
    font-weight: 500 !important;
  height: 20px !important;
}

@media screen and (max-width:640px) {
nav.header-menu-nav-list {
    background: black;
}
}

It seems you solved?

On 4/30/2020 at 9:45 AM, tuanphan said:

It seems you solved?

How was it solved? I'm having the same exact issue. 

 

16 hours ago, Beings said:

How was it solved? I'm having the same exact issue. 

 

Can you share link to your site? We can check easier