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

**URL:** <https://community.elfsight.com/t/display-past-events-chronologically-instead-of-past-events-section-list-layout/140147>\
**Category:** Event Calendar\
**Created:** [September 30, 2025, 6:35pm UTC](https://community.elfsight.com/t/display-past-events-chronologically-instead-of-past-events-section-list-layout/140147 "2025-09-30T18:35:24Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)\
**Post date:** [September 30, 2025, 6:35pm UTC](https://community.elfsight.com/t/display-past-events-chronologically-instead-of-past-events-section-list-layout/140147/1 "2025-09-30T18:35:24Z")

</div>

Add this code to the Custom CSS field on the Style tab of your [Event Calendar](https://elfsight.com/event-calendar-widget/) widget’s settings:

```auto
.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;
}

```