Past Event Automation

Ask the Community Customization
1

Would like to have some options to automate changed in appearance to past events such as:

  • Change custom event color
  • Hide button to close RSVPs
  • Image overlay to indicate event has passed
2

Hey there @Vivian_Snyder :wave:

Our devs came up with the custom codes for your case:

1. Hide buttons for the past events:

.eapp-events-calendar-layout-past-event .eapp-events-calendar-button-element-component {
  display: none;
}

2. Change background and text color of the past events:


.eapp-events-calendar-layout-past-event .eapp-events-calendar-grid-item-component {
  background: rgb(178, 17, 17);
}

.eapp-events-calendar-layout-past-event .eapp-events-calendar-grid-item-info * {
  color: rgb(255, 255, 255);

}

3. Change image overlay:

.eapp-events-calendar-layout-past-event .eapp-events-calendar-media-image {
  filter: brightness(0.2);
}

Add these codes to the Custom CSS field on the Appearance tab and let me know if you like the result :slightly_smiling_face:

4

Hi Max!

Thank you so much! This worked perfectly!

5

Awesome! You are very welcome :wink: