Post grid using Shortcode

Replies: 0

Hi Aldo,

I want to create a post grid of latest posts using shortcode. I created the following shortcode:

[pissc number=2 post_type=”post” display_image=”true” image_size=”crp_thumbnail” image_align=”center” bottom_image_margin=”10″ excerpt_margin=”30″ exc_length=”40″ remove_bullets=”true”]

This creates one row of two posts. I want the subsequent posts to appear in the next rows. If I increase the “pissc number” in the shortcode, the posts increase in the same row instead of creating a new row.

I used the following CSS:

.pis-ul {
  display: flex;
}
.pis-li {
  margin-right: 10%;
}
.pis-title {
  text-align: center;
  font-weight: 600;
}
.pis-excerpt {
  display: table-caption;
  text-align: center;
}

Please let me know how should I go about creating multiple post rows in a post grid using the PIS shortcode and CSS codes.

The one I created is like the one enclosed in red box in this image –
https://s11.postimg.org/ft66yjyqb/sample-row.jpg

Thanks.