Polaroid Blog

Polaroid style for blog collections. Customize the background color to anything you'd like! Available for both Squarespace 7.0 & 7.1 official templates. Summary layout > grid style for best performance.

Copy and paste the code below - instructions found here

version - 7.0

@color: rgba(250,235,215,0.4); //change the rgba value!

.summary-item {
    background-color: @color;
    padding: 20px;
    transition-duration: .3s;
  }
  
  .summary-content .summary-title {
    text-align: center;
  }
  
  .summary-item > .summary-content {
    text-align: center;
  }
  
  .summary-item:hover {
    box-shadow: 1px 1px 30px rgba(0,0,0,0.1);
    transform: scale(1.02);
    transition-duration: .3s;
  }

version - 7.1

@spcolor4: rgba(250,235,215,0.4); //change the rgba value!

.blog-item {
  background-color: @spcolor4;
  padding: 20px;
  transition-duration: .3s;
}

.blog-content .summary-title {
  text-align: center;
}

.blog-item > .summary-content {
  text-align: center;
}

.blog-item:hover {
  box-shadow: 1px 1px 30px rgba(0,0,0,0.1);
  transform: scale(1.02)!important;
  transition-duration: .3s;
}

For Squarespace official templates only. May not work with third-party templates or in conjunction with other plugins that affect the same components. If you have any problems or questions, please contact us!