Event calendar - list layout - size of image in popup

[Gina_Chong]

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

[Max]

Hi there, @Gina_Chong

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

[Gina_Chong]

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

[Max]

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

[Gina_Chong]

@Max

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

Better, thank you!

[Max]

You’re very welcome

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

[Gina_Chong]

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

[Max]

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