How Do I Lighten My Blog Grid List Layout?

Owned by Kat Harlton
Last updated: Sept 22, 2015
2 min read

Below are the steps needed to lighten your blog grid list layout.  This is an optional customization, and is only used if you feel your current blog grid list layout is appearing too dark for your brand's theme.

Step-by-step guide- Custom Code For Lightening Blog Grids

This file creates lighter images for both the 'main' and 'square grids' blog list layouts. It is applied to all blog grid list layouts on all of your website's pages (See below for an example)

  1. Go to: Settings > Website Settings > Website > Custom Header HTML

  2. Add code provided in the attached file below.

  1. If there is already code in your Custom Header HTML, make sure to leave a space between the existing code and the code below.

  2. Click 'Save'

How Your Blog Grid Looks Before Lightening

Without Lightening Code

How Your Blog Grid Looks After Lightening

With Lightening Code

 

 

 

Filter by label

There are no items with the selected labels at this time.