# Event Calendar - "Load More" Button

**URL:** https://community.elfsight.com/t/event-calendar-load-more-button/41383
**Category:** Customization
**Tags:** event-calendar
**Created:** [February 19, 2024, 12:21pm UTC](https://community.elfsight.com/t/event-calendar-load-more-button/41383 "2024-02-19T12:21:31Z")
**Posts on this page:** 8
**Page:** 1

<div class="post-metadata">

### Author: ![user9797](https://avatars.discourse-cdn.com/v4/letter/u/96bed5/32.png) [@user9797](https://community.elfsight.com/u/user9797)
#### Post date: [February 19, 2024, 12:21pm UTC](https://community.elfsight.com/t/event-calendar-load-more-button/41383/1 "2024-02-19T12:21:31Z")

</div>

I made a calendar in the “List” view with the background color “#151515” to match the rest of my website. However, with the background color, the “Load More” button is no longer visible. Is there a way to adjust its color or font color?

---

<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 19, 2024, 12:32pm UTC](https://community.elfsight.com/t/event-calendar-load-more-button/41383/3 "2024-02-19T12:32:58Z")

</div>

Hi there @user9797 👋

Could you please share a direct link to the page where the widget is installed? I’ll gladly check it for you 🙂

---

<div class="post-metadata">

### Author: ![user9797](https://avatars.discourse-cdn.com/v4/letter/u/96bed5/32.png) [@user9797](https://community.elfsight.com/u/user9797)
#### Post date: [February 19, 2024, 7:33pm UTC](https://community.elfsight.com/t/event-calendar-load-more-button/41383/4 "2024-02-19T19:33:45Z")

</div>

[Here is the direct link to my Webiste](https://nimble-clafoutis-338d9b.netlify.app/termine)

and thanks for the quick reply

---

<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 20, 2024, 10:02am UTC](https://community.elfsight.com/t/event-calendar-load-more-button/41383/5 "2024-02-20T10:02:25Z")

</div>

Thanks!

I’ve forwarded your request to the devs and will get back to you a bit later 🙂

---

<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 20, 2024, 10:40am UTC](https://community.elfsight.com/t/event-calendar-load-more-button/41383/6 "2024-02-20T10:40:19Z")

</div>

Please add this code to the Custom CSS field on the Appearance tab of your widget’s settings and let me know if it helped:

```auto
.eapp-events-calendar-load-more-button-component {
    color: #000;
    background: #eee630;
}

.eapp-events-calendar-load-more-button-container {
  margin-bottom: 20px;
}

```

---

<div class="post-metadata">

### Author: ![user9797](https://avatars.discourse-cdn.com/v4/letter/u/96bed5/32.png) [@user9797](https://community.elfsight.com/u/user9797)
#### Post date: [February 22, 2024, 6:14pm UTC](https://community.elfsight.com/t/event-calendar-load-more-button/41383/7 "2024-02-22T18:14:17Z")

</div>

Works super, thx!

---

<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 23, 2024, 12:48pm UTC](https://community.elfsight.com/t/event-calendar-load-more-button/41383/8 "2024-02-23T12:48:25Z")

</div>

Great! You are welcome 🙂

In the meantime, we’d like to tell you that we have a CSS Codes Category, where you can find the most popular codes for different apps (including Event Calendar). Don’t hesitate to check it out - [CSS Codes - Elfsight Community](https://community.elfsight.com/c/css-codes/158)

---

<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: [June 14, 2024, 11:30am UTC](https://community.elfsight.com/t/event-calendar-load-more-button/41383/9 "2024-06-14T11:30:31Z")

</div>

A post was split to a new topic: [Lazy load button for every month](https://community.elfsight.com/t/lazy-load-button-for-every-month/56993)
