Simple Blog Post Style - Basic Grid Layout

Simple_Grid_Blog.png

Description

Give blog posts in the Basic 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.

// Basic Grid Blog - Blog Post Background //

.blog-basic-grid--container {
  background-color: #ffffff;
}

// Basic Grid Blog - Blog Post Text Container //

.blog-basic-grid--text {
  width: 90% !important;
  padding-bottom: 40px;
}

Customize

Blog Post Background
Change the background color value to add a background color behind the post’s text content.

Blog Post Text Container
Adjust the width and padding bottom values to keep the text content within the color background.


Previous
Previous

Shrinking Header Button On Hover

Next
Next

Invert Header On Hover (7.1 Version)