Hi Ben,
The FAQ https://apphourbooking.dwbooster.com/faq#q237 is referred to set other color for the date in the calendar when all its slots are booked.
If you are looking a style to mark a booked time-slot with other color then be sure to display them first with by marking the following option:
https://apphourbooking.dwbooster.com/images/articles/show-used-slots.png
… and then you can use the styles described in the following FAQ:
https://apphourbooking.dwbooster.com/faq#q228
Thank you for using the plugin!
Hi,
I see, so there is no option to have different color for booked slots (as both the booked slots and the currently selected slot have the same classes)?
Ben
Hi,
You can have different color for booked slots. The solution is explained at the following FAQ entry:
https://apphourbooking.dwbooster.com/faq#q228
Please check that and let me know any comments.
Thanks.
Hi,
My problem is, that the class name (htmlUsed) is the same for approved slots AND freshly selected slots (that the visitor is about to make appointment for). So when I apply the code in faq#q228, the color is the same for both the approved appointments, and the freshly selected slot.
Please take a look at this image: https://ibb.co/Dr3rQ0T
The 9:00 is the approved slot, the 11:00 slot is the selected. Both have the same classes.
Ben
Hi Ben,
You are right, the same class name was used for both cases. We have published a new plugin update a few minutes ago to have different class names for the approved slots and freshly selected slots.
Please update to the latest plugin version and for the slots selected by the user in the current booking, add the following style into the CSS customization area:
#fbuilder .slots .htmlUsed.currentSelection a{background:#b6befc;color:#000}
Thank you for the feedback!
Hi,
Thank you very much for the update, it’s working now.
Ben
