Custom CSS: Difference between revisions
Jump to navigation
Jump to search
| Line 27: | Line 27: | ||
.roomoffercalendarmonth .dateavail {pointer-events: none;}</code> | .roomoffercalendarmonth .dateavail {pointer-events: none;}</code> | ||
=== Mark days when check-out is not allowed (i.e. for rentals on a weekly basis)=== | === Mark days when check-in and/or check-out is not allowed (i.e. for rentals on a weekly basis)=== | ||
To use this option you will need to set your check-in/check-out rules in the CALENDAR. It will not work for check-in and check-out restrictions only set in rates. | To use this option you will need to set your check-in/check-out rules in the CALENDAR. It will not work for check-in and check-out restrictions only set in rates. | ||
NOTE: Limit the check-out in the CALENDAR (click on "Override") to use this function. | NOTE: Limit the check-out in the CALENDAR (click on "Override") to use this function. | ||
To highlight when Check-out is not allowed :- | |||
<code> .datenco{background-color:#f4f4f4; color:#cccccc;}</code> | |||
To highlight when Check-in is not allowed :- | |||
<code> .datenco{background-color:#f4f4f4; color:#cccccc;}</code> | <code> .datenco{background-color:#f4f4f4; color:#cccccc;}</code> | ||
To highlight specific days then set the day with the appropriate colour :- | |||
.daymon{background-color:#592323; color:#cccccc;} | |||
.daytue{background-color:#592323; color:#cccccc;} | |||
.daywed{background-color:#592323; color:#cccccc;} | |||
.daythu{background-color:#592323; color:#cccccc;} | |||
.dayfri{background-color:#592323; color:#cccccc;} | |||
.daysat{background-color:#592323; color:#cccccc;} | |||
.daysun{background-color:#592323; color:#cccccc;} | |||
=== Mark days when check-in is not allowed (i.e. for rentals on a weekly basis)=== | === Mark days when check-in is not allowed (i.e. for rentals on a weekly basis)=== | ||