Plugin shortcode: Add class to each monthly event

  • Hi everyone! I am using a shortcode on listing the upcoming events by month, and would like to add a wrapped div (with class) for each month.

    Here is my shortcode:

    [events_list_grouped mode="monthly"]
	<div class="calendarList">
		<h3>#_EVENTLINK</h3>
	</div>
[/events_list_grouped]

    And I would like to output something like this:

    <div class="month">
	<h2>Dec 2015</h2>
	<div class="calendarList">
		December Event 1
	</div>
	<div class="calendarList">
		December Event 2
	</div>
</div>
<div class="month">
	<h2>Jan 2015</h2>
	<div class="calendarList">
		Jan Event 1
	</div>
</div>

    Any help will be much appreciated.

    https://www.ads-software.com/plugins/events-manager/

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Support angelo_nwl

    (@angelo_nwl)

    try events list formatting option under Events > Settings > Formatting > Events

    Thread Starter kakunarattata

    (@kakunarattata)

    @gelo_nwl I checked it but there’s no option where you can group these events by class. How do you do it?

    Plugin Support angelo_nwl

    (@angelo_nwl)

    you can add your custom css class or id name in the formatting option or using a shortcode

    [events_list_grouped mode="monthly" format_header="<div>" format_footer="</div>"]
	<div class="calendarList">
		<h3>#_EVENTLINK</h3>
	</div>
[/events_list_grouped]
    Thread Starter kakunarattata

    (@kakunarattata)

    @gelo_nwl Thanks! That’s exactly what I need!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Plugin shortcode: Add class to each monthly event’ is closed to new replies.

Tags