# Customize buttons

**URL:** <https://community.elfsight.com/t/customize-buttons/50978>\
**Category:** Event Calendar\
**Tags:** Released\
**Created:** [May 6, 2024, 11:51am UTC](https://community.elfsight.com/t/customize-buttons/50978 "2024-05-06T11:51:18Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![user11716](https://avatars.discourse-cdn.com/v4/letter/u/9dc877/32.png) [@user11716](https://community.elfsight.com/u/user11716)\
**Post date:** [May 6, 2024, 11:51am UTC](https://community.elfsight.com/t/customize-buttons/50978/1 "2024-05-06T11:51:18Z")

</div>

Am I able to change the layout of the buttons? I am not finding this in the appearance tab or anything and I would like our buttons to be rounded so they match the rest of the website.

---

<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:** [May 6, 2024, 11:58am UTC](https://community.elfsight.com/t/customize-buttons/50978/2 "2024-05-06T11:58:00Z")

</div>

Greetings @user11716 👋

Yeah, it would be amazing to have this option right in the editor. We’ll try to consider this opportunity in the future updates.

As for now, you can use this CSS code to change the border radius of the buttons:

```auto
.eapp-events-calendar-button-link {
border-radius: 20px;
}

.global_styles, [class^="Button__Block-sc"] {
border-radius: 20px !important;
}

```

---

<div class="post-metadata">

**Author:** ![Ondrej\_Pernica](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/ondrej_pernica/32/40424_2.png) [@Ondrej\_Pernica](https://community.elfsight.com/u/Ondrej_Pernica)\
**Post date:** [October 16, 2024, 7:39pm UTC](https://community.elfsight.com/t/customize-buttons/50978/3 "2024-10-16T19:39:02Z")

</div>

Add the option to round event button corners as user likes.

---

<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:** [October 17, 2024, 11:19am UTC](https://community.elfsight.com/t/customize-buttons/50978/4 "2024-10-17T11:19:29Z")

</div>

Hi there, @Ondrej_Pernica 👋

I see that you’ve already found a CSS code from this thread and added it to your widget. Anyway, I’ve moved your comment to a related thread so that you wouldn’t miss any updates 🙂

---

<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 11, 2026, 12:50pm UTC](https://community.elfsight.com/t/customize-buttons/50978/5 "2026-02-11T12:50:51Z")

</div>

Friends, great news: this feature request is in the **Design** stage now!

We’ll keep you updated on the progress 🙂

---

<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:** [July 8, 2026, 9:22am UTC](https://community.elfsight.com/t/customize-buttons/50978/7 "2026-07-08T09:22:39Z")

</div>

Status Update: the feature moved to the **Development** stage 🎉

---

<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:** [July 22, 2026, 12:14pm UTC](https://community.elfsight.com/t/customize-buttons/50978/8 "2026-07-22T12:14:56Z")

</div>

Hey everyone!

Great news — the feature is already live 🎉

You can change the corner radius of the buttons in the **Event** section on the **Theme** tab:

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/7/b/7b519e99f6644723c82afc14f547f64061945c58.png) ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/f/9/f9fb45127209dc681c35dc7b38d7509c549ed823.png)

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/d/b/dbc67f44eb990df52548624e550a0730f8b20657.png)

  

You can also set a different corner radius for the buttons in the popup:

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/4/1/41b04c60406f473f8c0e8afcd6f6a8df4a3b7884.png) ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/a/2/a207fb829767f01c59e345f00e9d7a683b463e35.png)

Find more new features in this post: [Event Calendar: Change color of each widget element, font, size settings and more! 🚀](https://community.elfsight.com/t/event-calendar-change-color-of-each-widget-element-font-size-settings-and-more/168887)