Green color for free day slots = OK. But green color for hour slots NOT ok.

Support forumGreen color for free day slots = OK. But green color for hour slots NOT ok.
actyves Staff asked 5 years ago
Dear Nikola after a while I was able to change the dayslots into light green by adding the following code: .ea-bootstrap .free.free.free { background-color: #79AF67; } I would like to do just the same for the FREE hour slots within one day, and not when you hover over the slots but all the time as from the moment you open a certain day. This way everyone can immediately see that those hours are still free. I keep on getting complaints from customers who don't understand the greyed out versus the white time slots and they don't book :-( So my final question is: can you provide me the full code (including the one above I presume) for having light green days when these are free PLUS light green time slots (hours) when these are still free? Light green = #79AF67 I hope you can easily answer this one and hopefully it helps...   cheerz Yves    
actyves Staff replied 5 years ago

my site where you can make reservations: https://www.relaxitaxi.be/leg-jouw-moment-vast/
for testing easiest is to use 1st dropdown menu option in both drop downs
regards
yves

2 Answers
Nikola Loncar Staff answered 5 years ago
Hi, try this:
.ea-bootstrap .time-value { background-color: #79AF67; } .ea-bootstrap .time-value.time-value { color: white; } .ea-bootstrap .time-value:hover { background-color: #79AF67; color: #ccc; } .ea-bootstrap .free a { color: white; } .ea-bootstrap .free a:hover, .ea-bootstrap a.free:hover { color: #ccc; }
biosdi Staff answered 5 years ago
Hi Nikola. Which code for make day numbers always white? (even when you not hover on them?)   Thanks
Nikola Loncar Staff replied 5 years ago

try this:

.ea-bootstrap .free a:hover { background: white }

Best regards,
Nikola

biosdi Staff replied 5 years ago

Sorry, not working

Nikola Loncar Staff replied 5 years ago

Hi, can you please share the link to site?

Best regards,
Nikola