Customize "Load More" button

The light gray on lighter gray “load more” button on the list view is barely noticeable. Can you make it more bold or offer the ability to customize it?

1 Like

Hi @Encounter

Add the code below to the Custom CSS field on the Style tab of your Event Calendar widget’s settings:

.eapp-events-calendar-load-more-button-component {
    color: #000 !important;
    background: #eee !important;
    border: 2px solid #000 !important;
    font-weight: bold !important;
}

Hi there, @Encounter :wave:

Sina suggested a great solution! Please try to use it in your widget and let us know if it helped :slightly_smiling_face:

1 Like

Hi, My load more button does not show at all. I tried the custom CSS Sina suggested but still nothing. I am using the masonry lay out. Can you point me in the right direction?
https://test.educationfair.net/events-calendar/

Tnx Jeroen

1 Like

Hi there, @Jeroen_Jonkman :waving_hand:

At the moment, the Load More button is available only for the List layout, but we’re currently working on its implementation to other layouts as well.

Please upvote this idea to receive a notification once the feature is released :slightly_smiling_face: - Load More Events button in all layouts

Tnx Max. Too bad. This surely gets my vote.

I have 100+ events. What does this do with load time when I show them all?

1 Like

This shouldn’t significantly affect the loading speed.

It’s hard to share the ETA for this feature, but since it is in the Development stage already, we’re hopeful it will be released in the near future.

We’ll keep you posted on any progress in the Wishlist thread :slightly_smiling_face:

1 Like