How to change the (BG) color of the (unavailable) timeslots

Support forum › Category: Questions › How to change the (BG) color of the (unavailable) timeslots

Maurice asked 4 years ago

Dear Nikola, I love your plugin! I'm trying to figure out how to change the color of the timeslots and (also) specifically the unavailable timeslots (I would like to make them red). I searched the forum, but those questions are only about the dates, not so much the timeslots.

I would be very grateful if you can help me out.
Additionally, is there a link where I (we) can donate (for instance through paypal)? Cheers,
Maurice

3 Answers

0 Vote Up Vote Down

Nikola Loncar Staff answered 4 years ago

Hi Maurice, can you please share the link to that page? I can help you but need to check styles that are already there :) regarding PayPal donation well you can buy Extension ;) Best regards, Nikola

0 Vote Up Vote Down

MausNL answered 4 years ago

Hey Nikola,

Thank you for the swift response and sorry for my rather slow one. There is no CSS present at the moment. This is the link of the page with the calendar: https://www.katenkoffie.nl/bezoeken/#reserveren (it's in Dutch). I'll check the extension! Thanks!
Maurice

0 Vote Up Vote Down

Nikola Loncar Staff answered 4 years ago

Hi Maurice, this is simple style to setting background of time slot to red. Those are inside EA Settings > Customize > Custom Styles:

body .ea-bootstrap .time-disabled {
background-color: #e05561;
}

You can alter colour values as you want: https://www.color-hex.com/

Best regards,
Nikola

MausNL replied 4 years ago

Nikola, thank you so much! That did the trick!
I really appreciate you taking the time to answer my question.

Best regards,
Maurice

leifballfreunde replied 3 years ago

This is not working anymore, correct?
Any new chance to do the same?

MausNL replied 3 years ago

Hey Liefballfreunde,

This still works for me. No problems here. This color-change is specifically for when people have booked a timeslot already.

leifballfreunde replied 3 years ago

Thanks for your reply!
Indeed I thought it also refers to the unavailable days which are not bookable because no one is working those days. Right now those one are beige colored. I’d like to change the color here as well. Any idea?
Thanks a lot!