Event calendar - list layout - size of image in popup

Hi Max,

One question for you (which I haven’t been able to track down the answer for)

  1. how can i reduce the size of the image in the popup of the event calendar (list view)? Its currently MASSIVE in comparison to the rest of the information

Thanks,
Gina

1 Like

Hi there, @Gina_Chong :waving_hand:

This code should do the trick:

.global-styles,
.eapp-events-calendar-popup-item-media {
scale:0.9
}

Try it out and let me know if you like the result :wink:

Oh, that’s so much better! :face_exhaling:. Is there code I can use to reduce the top and bottom padding which has gotten bigger as a result? Pic attached :slight_smile: The distance from heading to image and then from image to name is where I mean

1 Like

Sure, here is the adjusted code:

.global-styles,
.eapp-events-calendar-popup-item-media {
scale:0.9;
margin-top: auto!important;
margin-bottom: auto !important;
}

Please give it a try and let me know if it helped :wink:

Better, thank you! :folded_hands:

1 Like

You’re very welcome :wink:

I guess these solutions might be helpful for other users too. Would you mind if I make this topic public?

of course. But first :grimacing: can I change the “auto” code to something else (px?) to make that margin even smaller?

1 Like

Sure! You can just replace auto with any value you wish :slightly_smiling_face: