Events Manager Plugin – Display of events in list

• This reply was modified 3 weeks, 5 days ago by Daniela.

This is the standard code for the events list and nothing was changed.

<div class="em-event em-item" style="--default-border:#_CATEGORYCOLOR">
	<div class="em-item-image {no_image}has-placeholder{/no_image}">
		{has_image}
		#_EVENTIMAGE{medium}
		{/has_image}
		{no_image}
		<div class="em-item-image-placeholder">
			<div class="date">
				<span class="day">#d</span>
				<span class="month">#M</span>
			</div>
		</div>
		{/no_image}
	</div>
	<div class="em-item-info">
		<h3 class="em-item-title">#_EVENTLINK</h3>
		<div class="em-event-meta em-item-meta">
			<div class="em-item-meta-line em-event-date em-event-meta-datetime">
				<span class="em-icon-calendar em-icon"></span>
				#_EVENTDATES    
			</div>
			<div class="em-item-meta-line em-event-time em-event-meta-datetime">
				<span class="em-icon-clock em-icon"></span>
				#_EVENTTIMES
			</div>
			{bookings_open}
			<div class="em-item-meta-line em-event-prices">
				<span class="em-icon-ticket em-icon"></span>
				#_EVENTPRICERANGE
			</div>
			{/bookings_open}
			{has_location_venue}
			<div class="em-item-meta-line em-event-location">
				<span class="em-icon-location em-icon"></span>
				#_LOCATIONLINK
			</div>
			{/has_location_venue}
			{has_event_location}
			<div class="em-item-meta-line em-event-location">
				<span class="em-icon-at em-icon"></span>
				#_EVENTLOCATION
			</div>
			{/has_event_location}
			{has_category}
			<div class="em-item-meta-line em-item-taxonomy em-event-categories">
				<span class="em-icon-tag em-icon"></span>
				#_EVENTCATEGORIES
			</div>
			{/has_category}
			{has_tags}
			<div class="em-item-meta-line em-item-taxonomy em-event-tags">
				<span class="em-icon-tag em-icon"></span>
				#_EVENTTAGS
			</div>
			{/has_tags}
		</div>
		<div class="em-item-desc">
			#_EVENTEXCERPT{25}
		</div>
		<div class="em-item-actions input">
			<a class="em-item-read-more button" href="#_EVENTURL">More Info</a>
			{bookings_open}
			<a class="em-event-book-now button" href="#_EVENTURL#em-event-booking-form">
				<span class="em-icon em-icon-ticket"></span>
				Book Now!			</a>
			{/bookings_open}
		</div>
	</div>
</div>

I just cannot understand why three events behave so differently and why the whole list is not responsive anymore.

• This reply was modified 3 weeks, 5 days ago by Daniela.

Hi Rikard,

try decreasing the window width.

On mobile devices the event is not shown properly either. You can only see half the title. It ist just not responsive. Unfortunately I cannot say, since when this occurs.

Regards
Daniela

• This reply was modified 3 weeks, 4 days ago by Daniela.

Thank you.

I will try to find a solution or use another plugin.

Regards
Daniela

Hi Rikard,
I now use a different display for the events list. You can close this topic.

Thank you for your efforts.

Regards
Daniela