Customize the color of the button

Ask the Community Customization
1

Is it possible to adjust the button color with CSS? I’d like the first button to be red (our call to action color) and the 2nd button to be blue (our secondary button color)

2 Likes
Ability to customize event buttons individually
3

Hi there, @Lisa_Stein :waving_hand:

Could you please specify the name of the Event Calendar widget, where you’d like to implement it? I’ll be happy to check if anything can be done :slightly_smiling_face:

1 Like
4

It is actually the timeline widget. My widget is named fundraising events. There is the option to expose a second button and it would be great if I could color the first button red and the second button blue to represent our call to action and secondary button colors.

-LS

2 Likes
5

SInce the 2nd button is already blue, you can use this code to change this CSS code to change the color of the 1st button:

.es-action-button-contain {
  background-color: red!important;
  border: red;
}

.es-action-button-contain:hover {
  background-color: red !important;
  border-color: red !important;
}

Try it out and let me know how it worked for you :slightly_smiling_face:

2 Likes
6

awesome thanks!

3 Likes
7

It’s my pleasure :wink:

1 Like