How to make start and End date the same size in list layout

Ask the Community Customization
1

This code didn’t fix the dates being the same size on my event calendar. I don’t know what I’m doing wrong.

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

Hi there, @Jennifer_Yosowitz :wave:

The code you’ve checked works for the Grid layout only, and your widget has a List layout. I’ve forwarded your request to the dev team and will get back to you tomorrow :slightly_smiling_face:

4

We’ve made the start and end dates the same size using this code in the Custom CSS field:

.eapp-events-calendar-date-element-end {
  top: 0 !important;
  margin-left: 2px;
}

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

.eapp-events-calendar-date-element-day {
  font-size: 26px;
  line-height: 24px;
}

Please check your widget and let me know if you like the result :slightly_smiling_face:

5

yes the same size is MUCH nicer looking and easier to understand. Thank you

1 Like
6

Great, you’re always welcome!

By the way, we’d like to invite you to participate in our Black Friday Contest, where you can win a 12-month extension for your subscription - BF 2025 Contest: Win 1 FREE YEAR (10 Winners) +1 month guaranteed! :wrapped_gift:

Check the details and join in :wink: