Help with css for event calendar

Ask the Community Customization
1
  • Issue description:

Does anyone know a css code i can paste in to display the full image size as the thumbnail? the grid view is currently cutting off the event image.

1 Like
3

Hello @Anthony63! We are so happy that you’ve decided to join us! Welcome to Community :tada: :heart:

We’ll be happy to check everything for you!

I’ve forwarded your request to our devs and, hopefully, they’ll come up with a proper solution really soon :rocket:

Please do not worry, I’ll keep you updated :wink:

5

@Anthony63 We’ve checked your website from different devices and event images look fine:

image
image1542×883 133 KB

Could you please provide me with a screenshot of what you see?

6

Hi Max,

What you’re seeing is the masonry view. The issue is when I select grid view.

I would like the thumbnails to display like masonry view but when using grid view.

Masonry view I don’t like how it’s staggered in some spots and sometimes the dates are out of order. Seems to be a glitch.

1 Like
7

Hi @Anthony63 ,

This CSS code should do the trick. Let me know if it works.

.eapp-events-calendar-grid-item-imageContainer {
  padding-top: 182%;
}
.eapp-events-calendar-grid-item-imageContainer img {
  object-fit: cover;
}
3 Likes
8

This worked !! Thank you : )

3 Likes