Swap events cards and timeline (Carousel layout)

CSS Codes Timeline
1

Add this code to the Custom CSS field on the Settings tab of your Timeline widget’s settings:

.es-snap-carousel-item {
    flex-direction: column-reverse;
  }
  
  .es-snap-carousel-item 
  [class*="carousel__Column-sc"]:last-child {
    margin-top: 0;
    margin-bottom: 20px;
  }
  .es-carousel-track-fog {
    top: 0 !important;
    bottom: calc(100% - 75px) !important;
  }
  
  .es-carousel-track-container {
    top: 20px !important;
    bottom: unset !important;
  }
1 Like