Different layouts on different pages

It would be great to have widgets like the blog widget or event widget could have multiple faces. That way I could have a full width slider of events on the home page and then the proper full listed event thumbnails on the events page.

2 Likes

Thanks a lot for sharing your suggestion, @Anthony_Costa, and happy to have you join the community! :raising_hands:t2:

Let’s see what other community members think about this idea :slight_smile:

1 Like

Hi there, @Anthony_Costa :waving_hand:

We’ll try to think about the dynamic layouts for the Blog widget. As for the Event Calendar, this feature is already available. This article explains how you can enable it - How to Dynamically Change the Event Calendar Layout - Elfsight Help Center.

If you have any questions, I’ll be happy to advise :wink:

Thanks Max, that is amazing.

I followed the steps and it all worked perfectly. However it presented a new problem - the thumbnails are now not framed correctly and text/images are cut off. The images we uploaded to fit perfectly for grid view - however in list view or slider view (I was wanting slider view on the home page), they are cut off and don’t look professional.

Would it be possible to make the thumbnail dimensions be universal for all layouts? This would be very useful.

1 Like

Sure, this code will fix the image cropping:

.eapp-events-calendar-media-image {
  object-fit: contain !important;
}

Just add it to the Custom CSS field on the Style tab of your widget’s settings and you’ll be fine :slightly_smiling_face:

1 Like