Changes

Jump to navigation Jump to search

Custom CSS

1,106 bytes added, 08:12, 5 October 2022
.roomoffercalendarmonth .dateavail {pointer-events: none;}</code>
=== Mark dates 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.
NOTE: Limit the check-in and 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> .datenci{background-color:#f4f4f4; color:#cccccc;}</code>
 
To highlight specific days then set the day with the appropriate colour :-
 
<code> .daymon{background-color:#592323; color:#cccccc;}</code>
<code> .daytue{background-color:#592323; color:#cccccc;}</code>
<code> .daywed{background-color:#592323; color:#cccccc;}</code>
<code> .daythu{background-color:#592323; color:#cccccc;}</code>
<code> .dayfri{background-color:#592323; color:#cccccc;}</code>
<code> .daysat{background-color:#592323; color:#cccccc;}</code>
<code> .daysun{background-color:#592323; color:#cccccc;}</code>
=== Background Image ===
=== Add a border around the selected dates===
<code>.datestay{border: 1px solid #2f2f2f !important;}</code>
 
<span class="" style="color: #f3e504; font-size: 250150%;" >{{#fas:lightbulb}} </span> If you use split dates the CSS is:
<code>.prevdatestay, .datestay{border: 1px solid #2f2f2f !important;}</code>
=== Hide option to collect credit cards from Booking page if you want to use this option only for requests via Email===
<code>.bp2bookcollectpayment .panel-pay-card{display:none;}</code>
 
=== Hide "Print Booking" on the confirmation screen===
<code>.conf_p{display:none;}</code>
 
=== Hide "Click here to make another booking" on the confirmation screen===
<code>.bookagainlink{display:none;}</code>
 
=== Adjust alignment for RTL languages (Arabic, Hebrew)===
<code>.sticky-left .row-help-button {display: none;}</code>
===Change color of unavailable dates ===
<code>.inv0 { color: red blue }</code> 
===Change color and background color of daily prices===
<code>.price { background-color:#7cc576; color:white;}</code>
<code>.row-price{
pointer-events: none;
}</code>
 
===Hide the option to create or change views===
<code>#view-templates-button{
display: none;
}</code>
===Disable the option to create or change views===
<code>#view-templates-button, #saveViewButton{
pointer-events: none;
}</code>
===Hide suitcase icon (add booking) from CALENDAR===
<code>.icon-suitcase, .fa-suitcase {display:none}</code>
===Hide button 'Add Booking' from CALENDAR===
Please note: This will not hide the title column (Vat %). See for yourself if you can live with it.
 
====Prevent invoice items being deleted====
<code>.tr_invoicee .btn-danger, #groupinvoicebulkaction option[value="1"] {display:none !important;}</code>
 
</code>
====Prevent manual entry of charge items ====
=== Hide potential issue "Less than 12 months available"===
<code>.warninglessthan12monthsavailable{ display: none}</code>
 
=== Hide potential issue "Too many guests in booking xxxxx"===
<code>..warningunitnotassigned{ display: none}</code>
=== Hide 'Template 2' from Guest Management > Booking Templates ===
=== Hide the option to unlock invoices===
<code>.menusetting-invoicelock {display:none;}</code>
 
=== Hide "Print Booking" on the confirmation screen===
<code>.conf_p{display:none;</code>
 
=== Hide "Click here to make another booking" on the confirmation screen===
<code>.bookagainlink{display:none;}</code>
2,819

edits

Navigation menu