Title: Masonry Blog CSS
Last modified: August 30, 2016

---

# Masonry Blog CSS

 *  [rnarian](https://wordpress.org/support/users/rnarian/)
 * (@rnarian)
 * [10 years, 7 months ago](https://wordpress.org/support/topic/masonry-blog-css/)
 * Hello,
 * My site is [http://www.inspiredautosport.com](http://www.inspiredautosport.com)
   and in my BLOG page, I would like to use Masonry style, I tried implementing 
   this code below which worked but still only shows 1 row of blog, I would like
   additional rows, is that possible?
 * /* Masonry Custom CSS */
 * /* Masonry container */
    body.blog div#content, body.archive div#content { -moz-
   column-count: 4; -webkit-column-count: 4; column-count: 4; -moz-column-gap: 1em;-
   webkit-column-gap: 1em; column-gap: 1em; }
 * /* Masonry bricks or child elements */
 * body.blog article, body.archive article {
    background-color: #eee; display: inline-
   block; margin: 0 0 1em; padding: 1em; width: 100%; }
 * body.archive .archive-header, body.blog .paging-navigation, body.archive .paging-
   navigation {
    background-color: #ffffff; -webkit-column-span: all; column-span:
   all; }

The topic ‘Masonry Blog CSS’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/sg-window/1.2.3/screenshot.png)
 * SG Window
 * [Support Threads](https://wordpress.org/support/theme/sg-window/)
 * [Active Topics](https://wordpress.org/support/theme/sg-window/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/sg-window/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/sg-window/reviews/)

## Tags

 * [rows](https://wordpress.org/support/topic-tag/rows/)

 * 0 replies
 * 1 participant
 * Last reply from: [rnarian](https://wordpress.org/support/users/rnarian/)
 * Last activity: [10 years, 7 months ago](https://wordpress.org/support/topic/masonry-blog-css/)
 * Status: not resolved