# Align button and time

**URL:** <https://community.elfsight.com/t/align-button-and-time/143066>\
**Category:** Customization\
**Tags:** event-calendar\
**Created:** [January 13, 2026, 12:57pm UTC](https://community.elfsight.com/t/align-button-and-time/143066 "2026-01-13T12:57:57Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Anders\_Lund\_Soderbe1](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/anders_lund_soderbe1/32/69827_2.png) [@Anders\_Lund\_Soderbe1](https://community.elfsight.com/u/Anders_Lund_Soderbe1)\
**Post date:** [January 13, 2026, 12:57pm UTC](https://community.elfsight.com/t/align-button-and-time/143066/1 "2026-01-13T12:57:57Z")

</div>

align button at time stamp at the buttom whatever the title is in one og two line.

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/0/d/0d2e99513645a4f65b841dcaec1cc5d785cdee57.jpeg)

---

<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:** [January 13, 2026, 2:54pm UTC](https://community.elfsight.com/t/align-button-and-time/143066/5 "2026-01-13T14:54:44Z")

</div>

Hi there, @Anders_Lund_Soderbe1 — welcome to the Community! 👋

This CSS should do the trick:

```auto
.eapp-events-calendar-grid-item-info {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.eapp-events-calendar-grid-item-name {
  flex: 1 1 auto;
}

```

Please add it to the **Custom CSS** field on the **Style** tab in your widget settings.

One more thing: I noticed you’ve added a script into the **Custom CSS** field (see your screenshot). Scripts should go into **Custom JS** on the **Settings** tab, and you’ll want to paste the code **without** the `<script>` tags 🙂

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/8/2/8227f520e569f4054c1c98e2c7292f941682efbd.png) ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/e/f/ef5bb3b3f625232ac8e14acd4d453078ed53992e.png)

  

So just remove the script from **Custom CSS** , add it to **Custom JS** , and you should be all set 😉