Customization of Slider Layout in Event Calendar

Ask the Community Customization
1

@Max

Okay, I think I found a workaround with using the layout function
How do I go about getting some assistance with customizing the look of the slider though?

6c6f22e1-033b-47cd-8ea3-0906acf8c9e4

Depending on the amount of text in an event, the slider changes height, which then, in turn changes the thumbnail. It’d be great if the slider looked consistent. and the full thumbnail was shown (even if the height was a little bigger… some of the events have 3 lines).

Thanks!
Matt

1 Like
3

I’ll discuss if it’s feasible with the devs and will get back to you tomorrow :slightly_smiling_face:

1 Like
4

Hi there @Matthew7 :wave:

Here is the code to align event cards by height in the Slider layout:

.eapp-events-calendar-slider-inner {
  align-items: stretch;
}

.eapp-events-calendar-slider-item-component {
  height: 100%;
}

Please add it to the Custom CSS field on the Appearance tab of your widget’s settings and let me know if it helped :slightly_smiling_face: