Make start and end date the same size

Wishlist Event Calendar
1

I’m using the Grid layout and it’d be great if the size of start and end date of event displayed evenly.

1 Like
2

Hi there @Lindsay_Fahey :wave:

We see that it would be a nice addition and we’ll try to think about it in the future :slightly_smiling_face:

As for now, you can use this CSS code to implement your use case:


.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;
}
3

Thank you so much.

1 Like