Title: Insert space between thumbnails in sidebar widget
Last modified: October 15, 2018

---

# Insert space between thumbnails in sidebar widget

 *  Resolved [gatehealing](https://wordpress.org/support/users/gatehealing/)
 * (@gatehealing)
 * [7 years, 8 months ago](https://wordpress.org/support/topic/insert-space-between-thumbnails-in-sidebar-widget/)
 * I love this plugin. Searching for ‘space between thumbnails’ yielded no results.
 * If you look at the page I have referenced (for example) you see that i have included
   thumbnails . . . they all run together though. I’d like to either add a gray 
   separator line, or a white space between each post.
 * I am using a Custom HTML widget in my Sidebar Blog area. Enfold theme. THeme 
   and WordPress versions are latest.
 * Thanks,
    Jon
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Finsert-space-between-thumbnails-in-sidebar-widget%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  Plugin Contributor [zymeth25](https://wordpress.org/support/users/zymeth25/)
 * (@zymeth25)
 * [7 years, 8 months ago](https://wordpress.org/support/topic/insert-space-between-thumbnails-in-sidebar-widget/#post-10784338)
 * This can be done in CSS. For example:
 *     ```
       lcp_thumbnail {
           margin-bottom: 10px;
       }
       ```
   
 *  Thread Starter [gatehealing](https://wordpress.org/support/users/gatehealing/)
 * (@gatehealing)
 * [7 years, 8 months ago](https://wordpress.org/support/topic/insert-space-between-thumbnails-in-sidebar-widget/#post-10785805)
 * Thanks [@zymeth25](https://wordpress.org/support/users/zymeth25/),
 * I put that in my child theme’s style.css, cleared my super cache, and browswer
   caches/history and it didn’t work.
 * Is there a different CSS I should be trying to put it into?
 * Thanks,
    Jon
 * EDIT: If you navigate to [https://gatehealing.com/category/miscellaneous/](https://gatehealing.com/category/miscellaneous/)
   you will notice that some of the titles are long enough that they wrap to the
   next line, which is fine, but I’d prefer for them to stay next to the image rather
   than the first line going above the image. Let me know if you need a screenshot...
   I think I can do something with google drive to create a link to one.
 *  Thread Starter [gatehealing](https://wordpress.org/support/users/gatehealing/)
 * (@gatehealing)
 * [7 years, 8 months ago](https://wordpress.org/support/topic/insert-space-between-thumbnails-in-sidebar-widget/#post-10785811)
 * In case it’s helpful, here’s what is in my child theme’s style.css right now:
   .
   lcp_thumbnail{ float: left; } .lcp_catlist li{ clear: both; } lcp_thumbnail {
   margin-bottom: 10px; }
 *  Plugin Contributor [zymeth25](https://wordpress.org/support/users/zymeth25/)
 * (@zymeth25)
 * [7 years, 8 months ago](https://wordpress.org/support/topic/insert-space-between-thumbnails-in-sidebar-widget/#post-10785996)
 * Ah, sorry I missed a dot, that’s why it’s not working. Anyway, just add `margin-
   bottom: 10px;` just below `float: left;` and delete what I told you to add in
   my first response.
 *  Thread Starter [gatehealing](https://wordpress.org/support/users/gatehealing/)
 * (@gatehealing)
 * [7 years, 8 months ago](https://wordpress.org/support/topic/insert-space-between-thumbnails-in-sidebar-widget/#post-10786125)
 * [@zymeth25](https://wordpress.org/support/users/zymeth25/)
 * Thanks, that worked great.
 * Any suggestion about how to stop the lines from wrapping on top of the thumbnails
   vs staying next to them?
    [https://gatehealing.com/category/miscellaneous/](https://gatehealing.com/category/miscellaneous/)
 *  Plugin Contributor [zymeth25](https://wordpress.org/support/users/zymeth25/)
 * (@zymeth25)
 * [7 years, 8 months ago](https://wordpress.org/support/topic/insert-space-between-thumbnails-in-sidebar-widget/#post-10786198)
 * It’s better to do this in a custom template, but you could try it with CSS. First
   add `title_class="lcp_title"` to your shortcode, then delete your custom CSS 
   and add this instead:
 *     ```
       .lcp_catlist li {
           display: flex;
           align-items: flex-start;
           margin-bottom: 10px;
       }
   
       .lcp_catlist li a:last-of-type {
           flex-shrink: 0;
       }
   
       .lcp_title {
           order: 2;
       }
       ```
   
    -  This reply was modified 7 years, 8 months ago by [zymeth25](https://wordpress.org/support/users/zymeth25/).
 *  Thread Starter [gatehealing](https://wordpress.org/support/users/gatehealing/)
 * (@gatehealing)
 * [7 years, 8 months ago](https://wordpress.org/support/topic/insert-space-between-thumbnails-in-sidebar-widget/#post-10789396)
 * PERFECT!!! Thanks zymth25. I’ll go research the custom template thing and figure
   that out. If I cannot figure it out, I’ll start a new thread with Custom Template
   in the title.
 * Marking this one as resolved. Thanks a bunch.
    Jon

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

The topic ‘Insert space between thumbnails in sidebar widget’ is closed to new replies.

 * ![](https://ps.w.org/list-category-posts/assets/icon-256x256.png?rev=2517221)
 * [List category posts](https://wordpress.org/plugins/list-category-posts/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/list-category-posts/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/list-category-posts/)
 * [Active Topics](https://wordpress.org/support/plugin/list-category-posts/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/list-category-posts/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/list-category-posts/reviews/)

 * 7 replies
 * 2 participants
 * Last reply from: [gatehealing](https://wordpress.org/support/users/gatehealing/)
 * Last activity: [7 years, 8 months ago](https://wordpress.org/support/topic/insert-space-between-thumbnails-in-sidebar-widget/#post-10789396)
 * Status: resolved