Simple Blog Post Style - Masonry Grid Layout

Blogs7.1 Compatible

Mar 23

Written By Ghost

Featured

The Ghost Team

Submitted This Plugin

Description

Give blog posts in the Masonry Grid Blog layout a simple and clean look. This plugin uses css editor and works with Squarespace 7.1.

How To Install

From your Squarespace account, go to the Custom CSS Editor. Copy and paste the code below into the Custom CSS Editor box.

// Masonry Grid Blog - Blog Post Text Container //

.blog-masonry .blog-item-summary {
  background-color: #fafafa;
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}

// Masonry Grid Blog - Blog Post Image Bottom Margin //

.blog-masonry .blog-image-wrapper {
  margin-bottom: 0px !important;
}

Customize

Blog Post Background
Change the background color and padding values to add a background color and set padding behind the post’s text content.

Blog Post Image Bottom Margin
Squarespace’s lowest spacing setting is 10px but you can adjust the margin bottom to bring the text container even closer to the image.

Featured