Change order of Learn More and Action buttons (List layout)

CSS Codes Timeline
1

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

.es-event-card-buttons-wrapper {
  flex-flow: row-reverse;
  justify-content: start;
}
2

I tried applying this CSS but instead of changing the order of the buttons (and keeping them “stacked”) it swaps the order but places them next to one another. How can I fix this? (screenshot below - the second button is barely showing to the right side of the section).

image
image344×152 5.9 KB

3

Hi there, @Taybraham :waving_hand:

Apologies for the confusion! This CSS code works for the List layouts.

Since you’re using a Carousel layout, please try to use this code instead:

.es-event-card-buttons-wrapper {
  flex-flow: column-reverse;
  justify-content: start;
}