Jump to content

White Block showing on Black pages in 7.1

Recommended Posts

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;
}
}

image-5.png

Screenshot 2020-04-30 at 12.48.23.png

Link to comment
  • Replies 3
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

  • 1 year later...
16 hours ago, Beings said:

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

 

Screen Shot 2021-06-23 at 12.24.03 PM.png

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

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.