Reduce size of the popup and padding between its elements

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

.global-styles,
.eapp-events-calendar-modal-modalContent {
flex-basis: 450px;
}

.global-styles,
.eapp-events-calendar-popup-item-inner {
padding: 20px 40px;
}

.global-styles,
.eapp-events-calendar-popup-item-media {
margin: 20px -40px;
}

.globlal-styles,
.eapp-events-calendar-divider-component {
margin: 20px 0;
}
1 Like