Title: Top Posts Image Grid Formatting
Last modified: August 31, 2016

---

# Top Posts Image Grid Formatting

 *  Resolved [Sheldon-64](https://wordpress.org/support/users/sheldon-64/)
 * (@sheldon-64)
 * [10 years, 1 month ago](https://wordpress.org/support/topic/top-posts-image-grid-formatting/)
 * Looking for some advice.
 * Question 1: How do I evenly space the images to fill the container horizontally?
   Currently there is a gap at the right of the list of images, as well as inconsistent
   padding between the images.
 * Top Posts is used on home page of [http://wmbc.ca/](http://wmbc.ca/)
 * Would like it to mimic the output of wp-tiles used on this page [http://wmbc.ca/home/grow/](http://wmbc.ca/home/grow/)
 * Question 2: Is it possible to display the title of the post in front of the image
   instead of below, again similar to wp-tiles?
 * [https://wordpress.org/plugins/jetpack/](https://wordpress.org/plugins/jetpack/)

Viewing 4 replies - 1 through 4 (of 4 total)

 *  Plugin Author [Jeremy Herve](https://wordpress.org/support/users/jeherve/)
 * (@jeherve)
 * Jetpack Mechanic 🚀
 * [10 years, 1 month ago](https://wordpress.org/support/topic/top-posts-image-grid-formatting/#post-7196775)
 * You can customize the look of each element on your site with Custom CSS. You 
   can add that CSS to your theme stylesheet, or to your custom CSS editor available
   under Appearance > Edit CSS in your dashboard.
 * To get started, [you could use your browser inspector](https://dailypost.wordpress.com/2013/07/25/css-selectors/)
   to look at how the grid is built in wp-tiles. Once you understand how each element
   is styles, you can copy that CSS over to your theme stylesheet or your custom
   CSS editor, after changing the selectors to the Top Posts Widget selectors.
 * I hope this helps.
 *  Thread Starter [Sheldon-64](https://wordpress.org/support/users/sheldon-64/)
 * (@sheldon-64)
 * [10 years, 1 month ago](https://wordpress.org/support/topic/top-posts-image-grid-formatting/#post-7196798)
 * Hi Jeremy, thanks for the quick response! And thanks for an amazing plug-in!
 * Yes, I’ve done the ‘inspect element’ in the past, was hoping for some amazing
   insights from people more experienced than myself. I will do some more playing
   around.
 * Buried in my original question was a comment about inconsistent padding between
   the images in the grid. Is it possible for this to be reviewed?
 * Straight out of the box, the spacing is
    – between 1st and 2nd tile – space –
   between 2nd and 3rd – no space – between 3rd and 4th – space – between 4th and
   5th – no space
 * Output looks perfect on small screen (two tiles across), but any bigger screen-
   size the margin differences is noticeable.
 * I’m not sure if this is a new issue or not, will change topic as unresolved to
   be safe, but feel free to change back if appropriate.
 *  Plugin Author [Jeremy Herve](https://wordpress.org/support/users/jeherve/)
 * (@jeherve)
 * Jetpack Mechanic 🚀
 * [10 years, 1 month ago](https://wordpress.org/support/topic/top-posts-image-grid-formatting/#post-7196825)
 * That’s indeed the expected result. The Top Posts widget was built to display 
   2 images at a time in the grid. Here is the default display:
 * [http://i.wpne.ws/fW2N](http://i.wpne.ws/fW2N)
 * You could change that by adding a margin around all posts, like so:
 *     ```
       .widget_top-posts .widgets-grid-layout .widget-grid-view-image a {
       	margin: 0 5px;
       	padding: 0;
       }
       ```
   
 * I hope this helps.
 *  Thread Starter [Sheldon-64](https://wordpress.org/support/users/sheldon-64/)
 * (@sheldon-64)
 * [10 years, 1 month ago](https://wordpress.org/support/topic/top-posts-image-grid-formatting/#post-7196852)
 * Yes, helps a lot. Thanks for your quick response!

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Top Posts Image Grid Formatting’ is closed to new replies.

 * ![](https://ps.w.org/jetpack/assets/icon.svg?rev=2819237)
 * [Jetpack - WP Security, Backup, Speed, & Growth](https://wordpress.org/plugins/jetpack/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/jetpack/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/jetpack/)
 * [Active Topics](https://wordpress.org/support/plugin/jetpack/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/jetpack/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/jetpack/reviews/)

 * 4 replies
 * 2 participants
 * Last reply from: [Sheldon-64](https://wordpress.org/support/users/sheldon-64/)
 * Last activity: [10 years, 1 month ago](https://wordpress.org/support/topic/top-posts-image-grid-formatting/#post-7196852)
 * Status: resolved