Hi,
To change the alendar header row color, add the following style into the CSS customization area:
#fbuilder .ui-datepicker-header { background:#6cc72b ;color:#444; text-shadow:none}
Add the styles into the “Appointment Hour Booking >> General Settings >> Edit Styles” area.
To change the background of time-slots check the instructions in the following FAQ entry:
https://apphourbooking.dwbooster.com/faq#q224
The “Design” section of the FAQ contains info about other visual modifications:
https://apphourbooking.dwbooster.com/faq#design
Thank you for using the plugin!
Just a detail can’t set the background of the available slot.
This code do not include the background (actually a dark grey) :
#fbuilder .slots{background:#FFFF;box-shadow:none}
#fbuilder .slots div{border:0px}
#fbuilder .slots div a{background:#76b5a7;color:#76b5a7}
Him
Could you indicate the address of the page to check in detail the styles affecting the booking form?
If you prefer to share the address of the page in a non-public message you can send the message using the following contact form: https://apphourbooking.dwbooster.com/contact-us
Thank you for using the plugin!
https://sophrologue-pertuis.com/prise-de-rendez-vous/
Want to change the dark background grey of time slot.
Regards
Add the following style into the CSS customization area:
#fbuilder .slots div a{background:#76b5a7 !important;color:#333 !important;}
Add the styles into the “Appointment Hour Booking >> General Settings >> Edit Styles” area.
Thank you for using the plugin!
perfect!
thanks a lot
(If you have the ability to erase the website url in the previous post it will be great)
