Hi there,
I am using the Event Manager Plugin on a customer’s website. There is a problem with the display in the sidebar widget of this plugin.
You can see the problem on apph-nordhessen.de if you scroll down.
Under “Kommende Veranstaltungen” the date is not centered in the calendar icon.
This is the code of the list element:
<div class="em-item em-event" style="--default-border:#_CATEGORYCOLOR;">
<div class="em-item-image {no_image}has-placeholder{/no_image}" style="max-width:120px">
{has_image}
#_EVENTIMAGE{120,120}
{/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">
<div class="em-item-name">#_EVENTLINK</div>
<div class="em-item-meta">
<div class="em-item-meta-line em-event-date em-event-meta-datetime">
<span class="em-icon em-icon-calendar"></span>
<span>#j #M #y</span>
</div>
<div class="em-item-meta-line em-event-location em-event-meta-location">
<span class="em-icon em-icon-location"></span>
<span>#_TOWN</span>
</div>
</div>
</div>
</div>
Can anybody help?
Thanks a lot.
Hey Wollenhaupt,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:
.sidebar .em.em-events-widget .em-item-image .em-item-image-placeholder div.date {
min-width: 70px;
}
After applying the css, please clear your browser cache and check.
Best regards,
Mike
Hi Mike,
I thought I had already replied.
Thanks a lot, that works out fine
Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.
Best regards,
Mike