Title: Large space between posts
Last modified: April 18, 2018

---

# Large space between posts

 *  Resolved [MikeCooter](https://wordpress.org/support/users/mikecooter/)
 * (@mikecooter)
 * [8 years, 1 month ago](https://wordpress.org/support/topic/large-space-between-posts/)
 * Using Avada theme. Added shortcode to retrieve two posts in sequence – everything
   works fine.
 * But, between each post, there is a 64 pixel margin between the bottom of the 
   previous post and the top of the next post.
 * The margin is placed following the closure of the “post.hentry.ivycat-post” Div.
 * Note: I previously deleted the entire ‘Output meta information’ section.
    -  This topic was modified 8 years, 1 month ago by [MikeCooter](https://wordpress.org/support/users/mikecooter/).
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Flarge-space-between-posts%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  Plugin Author [Eric Amundson](https://wordpress.org/support/users/sewmyheadon/)
 * (@sewmyheadon)
 * [8 years, 1 month ago](https://wordpress.org/support/topic/large-space-between-posts/#post-10195214)
 * Howdy [@mikecooter](https://wordpress.org/support/users/mikecooter/),
 * I took a quick look and you’re right, there’s a 65px margin below each post that
   is controlled by the `.post` class in your Avada CSS.
 * Screenshot
    [https://www.dropbox.com/s/tf5znw0ga3xec7e/Screenshot%202018-04-18%2009.56.41.png?dl=0](https://www.dropbox.com/s/tf5znw0ga3xec7e/Screenshot%202018-04-18%2009.56.41.png?dl=0)
 * I checked your news page and it’s applying the same exact margin due to the same
   CSS class.
 * What are you hoping to accomplish? Reduce the margin on that page?
 * Thanks,
    Eric
 *  Thread Starter [MikeCooter](https://wordpress.org/support/users/mikecooter/)
 * (@mikecooter)
 * [8 years, 1 month ago](https://wordpress.org/support/topic/large-space-between-posts/#post-10195912)
 * Yes Eric, the 64 is way too big – I’d like more like 20px if possible. I’ve tried
   every variable I can think of in Avada and can’t find it!
 *  Plugin Author [Eric Amundson](https://wordpress.org/support/users/sewmyheadon/)
 * (@sewmyheadon)
 * [8 years, 1 month ago](https://wordpress.org/support/topic/large-space-between-posts/#post-10195950)
 * Hi Mike,
 * Since that’s a site-wide style being applied by your theme, you’d most likely
   want to add a snippet of custom CSS to handle it.
 * Maybe something like:
 *     ```
       .ivycat-post {
           margin-bottom: 20px;
       }
       ```
   
 * We can’t support Avada on the wordpress.org forums, but I bet there’s a way for
   you to add some custom CSS. Find out how and paste the above in and see if that
   does it.
 * For the record, I’d probably opt for 30px instead because at 20px you have roughly
   the same distance between the end of the post, the title of the next post, and
   the content of the next post. To my eye, at least, having a bit more room between
   posts is helpful.
 * I hope that helps! Let me know if that does it.
 *  Thread Starter [MikeCooter](https://wordpress.org/support/users/mikecooter/)
 * (@mikecooter)
 * [8 years, 1 month ago](https://wordpress.org/support/topic/large-space-between-posts/#post-10195962)
 * Perfect! Thanks Eric, worked straight away, and yes 30px looked better than 20px.
 * I’m not sure what the cause of the problem is, I’m still in early development
   and haven’t started jigging things around yet – but have seen[ a couple of other people on the forums](https://theme-fusion.com/forums/topic/cannot-change-the-margin-bottom-from-60px/)
   with similar issues.
 * Mike
 *  Plugin Author [Eric Amundson](https://wordpress.org/support/users/sewmyheadon/)
 * (@sewmyheadon)
 * [8 years, 1 month ago](https://wordpress.org/support/topic/large-space-between-posts/#post-10196299)
 * Glad to hear that resolved it.
 * > I’m not sure what the cause of the problem is, I’m still in early development
   > and haven’t started jigging things around yet – but have seen a couple of other
   > people on the forums with similar issues.
 * Usually, when this happens it’s due to either missing or conflicting styles with
   the main theme.
 * In your case, Avada is wrapping all posts in a class that has a 60px bottom-margin
   style applied to it. Since the class is the same as one wrapping each post coming
   from Posts in Page, that style was automatically applied. I just gave you CSS
   to help override it. 🙂
 * Since the HTML that the Posts in Page plugin puts out contains some pre-defined
   classes, it could be that a theme requires other classes to wrap posts, or that
   it uses the same classes, as it did in your case.
 * We’ve made the plugin flexible enough for you to be able to tweak the HTML output
   or use the CSS classes from the plugin to add classes or styles.
 * I hope that helps!

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

The topic ‘Large space between posts’ is closed to new replies.

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

## Tags

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

 * 5 replies
 * 2 participants
 * Last reply from: [Eric Amundson](https://wordpress.org/support/users/sewmyheadon/)
 * Last activity: [8 years, 1 month ago](https://wordpress.org/support/topic/large-space-between-posts/#post-10196299)
 * Status: resolved