Single Event Page, distance btw. image in responsive and mobile view

In the Event Settings in the General tab under “Styling Options (Advanced)” make sure “Enable All Styling” and “Enable Theme Styling” are both set to Yes and that styling on Event Pages is set to Enabled.

Thanks for your reply. That has all been set as per your description and tested. It doesnt really change anything, aside from some font sizing… I was thinking that the template somehow breaks the events manager formatting?

The part that needs some work is this here in the formatting options:

	
	{has_image}
	<div class="em-item-image {no_image}has-placeholder{/no_image}">
		#_EVENTIMAGE{medium}
	</div>
	{/has_image}
	

Thanks again!

The html is missing the pixelbones class in the em-item-single div. Here’s what your html looks like:

<div class="em em-item em-item-single em-event em-event-single em-event-507 size-small" id="em-event-6" data-view-id="6">

It should look like this:

<div class="em pixelbones em-item em-item-single em-event em-event-single em-event-507 size-small" id="em-event-6" data-view-id="6">

When I turn off theme styling then the pixelbones class gets removed. I’m not sure why it’s getting removed on your page.

You could try adding the following custom css to fix the problem:

.em-view-container .em.em-item-single .em-item-image {
    height: auto;
}

Hey Jon, thanks for your last “….height: auto;…” tip, that did the job. Great stuff!!!