Event Calendar - "Load More" Button

Ask the Community Customization
1

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?

3

Hi there @user9797 :wave:

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

4

Here is the direct link to my Webiste

and thanks for the quick reply

5

Thanks!

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

6

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:

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

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

Works super, thx!

8

Great! You are welcome :slightly_smiling_face:

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