Change Load More Button Color

Add a setting to change the color of the ‘Load More’ button.

1 Like

Welcome to the Community @David_Petersen :wave:

I cannot but agree that it would helpful to have such an option in the widget editor. We’ll try to think about it in the future :slightly_smiling_face:

As for now, you can change the Load More button color by adding this code to the Custom CSS field on the Appearance tab of your widget’s settings:

.global-styles,
.eapp-events-calendar-load-more-button-component {
    background-color: rgb(0, 0, 53);
    color: #fff;
}
1 Like

This is great, thanks!

1 Like

Would be great to have the ability to Modify Color of “View More” Button in UX and not have to write custom CSS.

1 Like

Hey there @Rachel_Allgood :wave:

If I got you right, you mean the setting to change the color of the Load More button.

Glad to say that we already have such a request in the Wishlist, and I’ve added your comment there too. We’ll keep you in the loop :slightly_smiling_face:

I would like to have the option to choose the color of the Load More button. I have this plugin on a dark background.

1 Like

This is a reasonable idea, thanks a lot for sharing, @VirtualCount_Bookkee!

For now, please try to use this CSS code, it should work:

.global-styles,
.eapp-events-calendar-load-more-button-component {
    background-color: rgb(0, 0, 53);
    color: #fff;
}

Just add it to the Custom CSS field on the Appearance tab of your widget’s settings :slight_smile:

You are all so impressive! Thank you!

1 Like