Green color for free day slots = OK. But green color for hour slots NOT ok.
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
2 Answers
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; }
Please login or Register to submit your answer
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