# Calendar widget, button alignment

**URL:** <https://community.elfsight.com/t/calendar-widget-button-alignment/144920>\
**Category:** Customization\
**Tags:** event-calendar\
**Created:** [February 13, 2026, 1:00pm UTC](https://community.elfsight.com/t/calendar-widget-button-alignment/144920 "2026-02-13T13:00:34Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![DanB](https://avatars.discourse-cdn.com/v4/letter/d/f05b48/32.png) [@DanB](https://community.elfsight.com/u/DanB)\
**Post date:** [February 13, 2026, 1:00pm UTC](https://community.elfsight.com/t/calendar-widget-button-alignment/144920/1 "2026-02-13T13:00:34Z")

</div>

Hi all,

Im trying to find a way to have the buttons on my calendar set to a set point from the bottom of the card. Im using grid view and at the moment the button appears at the end of the title. As the title length varies, this moves the button around. I want it to be a consistent height form the bottom. Ive looked on the CSS page and in this forum, and cant get it to work. Any help appreciated!

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/0/f/0f40f39e1a3b5dec2ed6897d0ccf32f72f074870.png)

---

<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:** [February 13, 2026, 1:40pm UTC](https://community.elfsight.com/t/calendar-widget-button-alignment/144920/3 "2026-02-13T13:40:54Z")

</div>

Hi there and welcome to the Community, @DanB 👋

I’ve checked your widget and see that you’ve already aligned the buttons using this CSS code:

```auto
.eapp-events-calendar-grid-item-button {
  margin-top: auto !important;
  /* fixed gap from bottom */
}

```

  

If you have any questions left or any assistance is needed, we’re always here to help 😉