How to move event button under description in the event card

Ask the Community Customization
1

It would be great to be able to move the button in an event, say from the top of the description to the bottom of the description, so people can read about the event first and then decide to buy a ticket or not.

2 Likes
3

Greetings and welcome aboard, @user35347 :waving_hand:

Great news - you can achieve this with this code added to the Custom CSS field on the Style tab of your widget’s settings:

.eapp-events-calendar-grid-item-imageContainer {
  padding-top: 127% !important;
}

.eapp-events-calendar-grid-item-info {
  display: flex;
  flex-direction: column;
}

.eapp-events-calendar-grid-item-button {
  order: 5;
  margin: 8px 0;
}

Please try it out and let me know if it helped :wink:

2 Likes
4

Max, you are amazing, thank you so much!

2 Likes
5

It’s my pleasure!

Feel free to ask questions if anything comes up again. We’ll be delighted to help :blush: