Grid Blog Page

Date Added: July 21, 2018


Get 10% OFF Divi with the Elegant Themes membership
*(affiliate link)

Free Divi layout for a grid based blog page

This free layout is released by Divi Soup and uses CSS Grid and flex to give variable column widths and keep posts at the same height across devices.

To use this layout you will need to;
- Download the zip file from the download page
- Import the .json file into a new page (not the library)
- Open the blog modules and select the categories and number of posts you want to display
- If you wish, you can move the JS code to Divi > Theme Options > Integration > Add to head and the CSS to your child theme stylesheet or Divi > Theme Options > General > Custom CSS or you can leave it where it is.
- For adjustments, change the CSS variables at the top of the CSS.
- The css.css and js.js files included in this package are for backup purposes. Should any code get corrupted on layout import, you can use these backup files to replace the code within the layout.


There are no reviews yet.

Be the first to review “Grid Blog Page”

Your email address will not be published.

Pin It on Pinterest

By continuing to use the site, you agree to the use of cookies. more information

The cookie settings on this website are set to "allow cookies" to give you the best browsing experience possible. If you continue to use this website without changing your cookie settings or you click "Accept" below then you are consenting to this.