Make start and end date the same size (Grid layout)

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

.eapp-events-calendar-grid-item-date .eapp-events-calendar-date-element-end .eapp-events-calendar-date-element-month {
  font-size: 13px;
  line-height: 14px;
}

.eapp-events-calendar-grid-item-date .eapp-events-calendar-date-element-end .eapp-events-calendar-date-element-day {
  font-size: 40px;
  line-height: 36px;
}

.eapp-events-calendar-grid-item-date .eapp-events-calendar-date-element-endContainer {
  margin-top: 0;
}

.eapp-events-calendar-date-element-divider {
  margin-top: 20px;
  width: 6px;
  height: 2px;
}

.eapp-events-calendar-date-element-end {
  margin-top: 0;
}

Guys, if this code was helpful to you, please drop a line in the comments. Your feedback helps us improve our services and provide better solutions :slightly_smiling_face: