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!