Change the background color of the selected date and time slot

[romano97002 (Romano LAPINCE)]

Hi @Helga, hi @Max, hi everyone

I’d like to know how to change the background color of the selected date and time slot, as shown in this image:

Thanks in advance for your help.

[Max]

Hi there, @romano97002

Sure, here is a CSS code:

.es-current-timeslot-container {
  background-color: pink;
}

Try it out and let me know if it worked for you

[romano97002 (Romano LAPINCE)]

Hi @Max, and thanks for your reply,

Thanks for the code. It works

However, I’d like to make a few small adjustments:
1 – I’d like the edit button to be white.

2 – I’d like the date and time to be black.

3 – And I’d like to add some margin on the left, because the text is a bit too closely aligned with the color

Thanks in advance for your help.

[Max]

Sure, I’ve adjusted the code and save it in your widget:

.es-current-timeslot-container {
  background-color: #adbdb3;
  padding-left: 15px;
  padding-right: 15px;
}

[class*="link-button__Container-sc"] {
  color: white;
}

Please let me know if you like the result

[romano97002 (Romano LAPINCE)]

@Max,

That’s all good

Thank you so much

[Max]

It’s my pleasure