Make images in Grid layout bigger (like in Masonry layout)

Add this code to the Custom CSS field on the Style tab of your Event Calendar widget’s settings:

.eapp-events-calendar-grid-component {
display: flex;
flex-wrap: wrap;
}


.eapp-events-calendar-grid-item-info {
min-height: unset;
}

.eapp-events-calendar-grid-item-imageContainer:has(img) {
padding-top: 185%;
}
2 Likes