Support

January 7, 2015 at 11:44 pm

Here’s a screenshot of what it looks like without the margin-top:
http://www.screencast.com/t/F93SxFneQl

January 16, 2015 at 11:34 am

Hi Tammi and Martin,

That margin is being added by the css rule that Seth pointed out:

.hentry {
    margin-top: 90px;
}

That margin is being applied to every blog post that appears on your site.
However, for the first blog post on the page, this margin is getting overridden by the following:

.hentry:first-child {
    margin-top: 0;
}

which incorrectly assumes that the article.hentry items will ALWAYS be the first item on the page.

Now the reason that those margins only affects things when Event Espresso is active, is because Event Espresso inserts some hidden div containers at the top of the page for displaying error messages and our AJAX loading image. Normally, hidden containers shouldn’t affect the DOM because they are… well.. hidden. Unfortunately in this case, it also means that the first article.hentry item is not the first item on the page, and therefore does not get it’s margin removed.

Anyways, because the intent of those two rules above is to add 90px of space between adjacent blog posts, this can better be achieved by removing those two rules, and instead using the following:

.hentry + .hentry {
    margin-top:90px;
}

which will ONLY apply the margin to the top of an article.hentry item when it is immediately preceded by another article.hentry item, instead of adding margin to the tops of ALL article.hentry items and then attempt to remove it from the first one.

Does that make sense?

• This reply was modified 9 years, 10 months ago by Brent Christensen. Reason: changed margin-bottom:90px; to margin-top:90px;
• This reply was modified 9 years, 10 months ago by Brent Christensen. Reason: changed text explaining css rule

January 29, 2015 at 12:49 pm

Hi Tammi,

Were you able to get this fixed?