Large space between posts

Howdy @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

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

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!

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 www.ads-software.com 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.

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 with similar issues.

Mike

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!