Horizontal events list

Hi Dennis,

It depends on your mark-up ??
This would be a basic setup:

Default event list format header:
<div class="events-bar-all">

Default event list format:
<div class="events-bar-single">#_EVENTNAME</div>

Default event list format footer:
</div>

Then your CSS would be something like:

.events-bar-all { display: block; width: 100%; padding: 5px;}
.events-bar-single { display: inline-block; width:30%;}

• This reply was modified 6 years, 3 months ago by Stonehenge Creations.

I use the following code on my homepage.
[events_list limit=”3″]

#_EVENTNAME
#_EVENTDATES

[/events_list]

When I check the code in Firefox, I don’t see any divs belonging to the plugin.

That’s because anything you pust between [events_list] and [/events_list] will override whatever is in your settings.
Just use [events_list limit=”3]

I got this now:

<div class=”css-events-list”><table class=”events-table”>
<thead>
<tr>
<th class=”event-time” scope=”col”>Datum/Tijd</th>
<th class=”event-description” scope=”col”>Evenement</th>
</tr>
</thead>
<tbody><tr>
<td>
25/12/2018<br>
Hele dag
</td>
<td>
Eerste Kerstdag

</td>
</tr><tr>
<td>
25/12/2018<br>
Hele dag
</td>
<td>
Eerste Kerstdag

</td>
</tr><tr>
<td>
25/12/2018<br>
Hele dag
</td>
<td>
Eerste Kerstdag

</td>
</tr></tbody></table></div>

See: https://dm.mediaans.nl/home/

You didn’t remove the old markup in the settings!

Default event list format header:
<div class=”events-bar-all”>

Default event list format:
<div class=”events-bar-single”>#_EVENTNAME</div>

Default event list format footer:
</div>
Nothing else