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

**URL:** <https://community.elfsight.com/t/how-to-make-start-and-end-date-the-same-size-in-list-layout/113575>\
**Category:** Customization\
**Tags:** event-calendar\
**Created:** [April 13, 2025, 12:21am UTC](https://community.elfsight.com/t/how-to-make-start-and-end-date-the-same-size-in-list-layout/113575 "2025-04-13T00:21:17Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![Jennifer\_Yosowitz](https://avatars.discourse-cdn.com/v4/letter/j/dbc845/32.png) [@Jennifer\_Yosowitz](https://community.elfsight.com/u/Jennifer_Yosowitz)\
**Post date:** [April 13, 2025, 12:21am UTC](https://community.elfsight.com/t/how-to-make-start-and-end-date-the-same-size-in-list-layout/113575/1 "2025-04-13T00:21:17Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)\
**Post date:** [April 13, 2025, 2:17pm UTC](https://community.elfsight.com/t/how-to-make-start-and-end-date-the-same-size-in-list-layout/113575/3 "2025-04-13T14:17:39Z")

</div>

Hi there, @Jennifer_Yosowitz 👋

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 🙂

---

<div class="post-metadata">

**Author:** ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)\
**Post date:** [April 14, 2025, 10:51am UTC](https://community.elfsight.com/t/how-to-make-start-and-end-date-the-same-size-in-list-layout/113575/4 "2025-04-14T10:51:27Z")

</div>

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

```auto
.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 🙂

---

<div class="post-metadata">

**Author:** ![Jennifer\_Yosowitz](https://avatars.discourse-cdn.com/v4/letter/j/dbc845/32.png) [@Jennifer\_Yosowitz](https://community.elfsight.com/u/Jennifer_Yosowitz)\
**Post date:** [December 2, 2025, 8:15am UTC](https://community.elfsight.com/t/how-to-make-start-and-end-date-the-same-size-in-list-layout/113575/5 "2025-12-02T08:15:56Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)\
**Post date:** [December 2, 2025, 10:15am UTC](https://community.elfsight.com/t/how-to-make-start-and-end-date-the-same-size-in-list-layout/113575/6 "2025-12-02T10:15:44Z")

</div>

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! 🎁](https://community.elfsight.com/t/bf-2025-contest-win-1-free-year-10-winners-1-month-guaranteed/140966/)

Check the details and join in 😉