17,140
edits
Changes
Jump to navigation
Jump to search
__TOC__
= PROPERTY BOOKING PAGE Booking Engine === Property Booking Page ==
<span class="" style="color: #f3e504; font-size: 250%;" >{{#fas:lightbulb}} </span> Custom CSS can be added in {{#fas:cog}} (SETTINGS) BOOKING ENGINE > PROPERTY BOOKING PAGE DEVELOPERS > "Custom CSS"
=== Force the Iframe to have a certain height ===
/* Style for Extra Large Screen */
@media (max-width:1199px) {
iframe {
height: 292px;
}
}
/* Style for Large Screen */
@media (max-width:991px) {
iframe {
height: 2000px;
}
}
/* Style for Medium Screen */
@media (max-width:767px) {
iframe {
height: 2200px;
}
}
/* Style for Small Screen */
@media (max-width:575px) {
iframe {
height: 2500px;
}
}
=== Bigger room name ===
=== Hide "Click here to make another booking" on the confirmation screen===
<code>.bookagainlink{display:none;}</code>
=== Adjust alignment for RTL languages (Arabic, Hebrew)===
</code>
== MULTI PROPERTY BOOKING PAGE ==
<span class="" style="color: #f3e504; font-size: 250%;" >{{#fas:lightbulb}} </span> Custom CSS can be added in {{#fas:cog}} (SETTINGS) > BOOKING PAGE > MULTI BOOKING PAGE > DEVELOPERS > "Custom CSS"
<code>.at_propnametext {display: none;}</code>
== BOOKING WIDGETS ==
<span class="" style="color: #f3e504; font-size: 250%;" >{{#fas:lightbulb}} </span> CSS needs to be added directly in your web site
<code>.bookingtable .cancelbooking {display:none;}</code>
=== Hide "ExportBookings" button buttons ===<code>.b24btn_ExportBookings bookingfilterheadline .floatright .btn {display:none;}</code>
===Disable moving of bookings===
