Change the background and text color of the services button and change the background and text color of the date and time buttons

Ask the Community Customization
1

Hi @Max, hi @Helga, hi everyone :clap:t2:

I’d like to be able to change the background and text color of the services button, and I’d like to change the background and text color of the date and time buttons.

Do you have CSS code to make these changes, please?

Thanks in advance for your help.

2078×906 42.7 KB

2078×1390 134 KB

1 Like
2

@Helga @Max

3

Hey @romano97002 :waving_hand:t2:

Let’s wait for Max — he’s our go-to support and customization wizard :blush:

1 Like
4

Hi @Helga, and thanks for your reply,

Okay, no problem :blush: :ok_hand:t2:

1 Like
5

@Max Please.

1 Like
6

Hi @romano97002 :waving_hand:

Here is the code to change the color and the background color of the date and time buttons:

.es-datetime-picker-button {
  color:red;
  background-color:white;
}

And here is the code for the Service buttons:

.es-service-card-action-book-button {
  background-color: red!important;
  color:black!important;
}

Check it out and let me know if it helped :slightly_smiling_face:

1 Like
8

Hi @Max and thanks for your reply,

Thanks for the CSS codes :ok_hand:t2:

Regarding the code for changing the color of the buttons for the various services, it works :+1:t2:

However, for the code for changing the color of the date and time buttons, it does change the colors, but I don’t have the active color for the selected date.

I would like to be able to apply a different color to the selected date, please.

Thank you in advance for your help.

9

@Max,

1 Like
10

Please use this code in combination with the previous one :slightly_smiling_face:

.es-datetime-picker-button-selected {
  background-color: green!important;
}
1 Like
11

@Max,

It works now :+1:t2:

Thank you so much :ok_hand:t2:

1 Like
12

You’re always welcome :wink:

1 Like