Display past events chronologically instead of Past Events section (List layout)

CSS Codes Event Calendar
1

Add this code to the Custom CSS field on the Style tab of your Event Calendar widget’s settings:

.eapp-events-calendar-layout-container {
display: flex;
flex-direction: column-reverse;
position: relative;
padding-bottom: 52px;
}
.eapp-events-calendar-layout-past-events .eapp-events-calendar-list-events {
display: flex;
flex-direction: column-reverse;
}

.eapp-events-calendar-layout-pagination, .eapp-events-calendar-layout-past-events .eapp-events-calendar-layout-past-events-title {
display:none;
}
1 Like