Change button and text color in Event Calendar

Ask the Community Customization
1

Hi Max, I’m new here, but I’m getting an error message:
Line 1: Expected a JSON value.

Line 1: Expected ‘]’ and instead saw ‘class’.

Line 1: Unrecoverable syntax error. (25% scanned).

What can I do?
Greetings Benno

2

Hi there and welcome to the Community, @swiss_Moser :waving_hand:

It seems that you’ve added the code snippet to the Custom JS field. This code should be added to the Custom CSS field on the Appearance tab of your widget’s settings:

image
image329×767 19.3 KB


Please try it out once again and let me know if it worked :wink:

3

I’ve added this—what else do I need to do?
And can I also enter the color as the code #BA9C5E?

Screenshot 2026-06-17 184126
Screenshot 2026-06-17 184126389×422 7.69 KB

4

The code mentioned in this topic is for our Forms widget. I see that you’re using the Event Calendar widget and a different CSS code.

Do I get it right that you’re trying to change a color of the event button text?

5

I’d like to change the button and the text color, yes

7

You can change the button color in the Event section on the Style tab:

image
image327×478 9.51 KB
image
image324×523 10.9 KB


To change a button text color, please use the CSS code below :slightly_smiling_face:

.es-button-base-ellipsis {
color: black;
}
8

Ah, it’s all right in front of me—I just have to find it. Thank you so much.

9

You’re very welcome :wink:

In the meantime, we’d like to invite you to join our Birthday Contest, where you could win 6 FREE Months for your subscription.

Check the details and join in: Birthday Contest: 10 Winners, 5 Free Years with Elfsight! 🎁

10

I’ll take a look at that. Thanks.
One last question: How do I upload my page to the website? Where can I find the HTML code for my calendar?

11

Sure, this article explains where you can find the widget’s installation code - Where to get Elfsight widget installation code - Elfsight Help Center