Custom CSS: Difference between revisions

= BOOKING PAGE =

.at_roomnametext{font-size: 14px;} /*if you want the text even bigger use a higher number*/

.monthcalendarhead{pointer-events: none;}

.roomoffercalendarmonth{pointer-events: none;}

=== Mark dates when check-out is not allowed (i.e. for rentals on a weekly basis)===

NOTE: Limit the check-in and check-out in the CALENDAR (click on "Override") to use this function.

.datenco{background-color:#f4f4f4; color:#cccccc;}

To use a background image upload it to SETTINGS -> BOOKING ENGINE -> PICTURES.

Replace '<nowiki>https://www.beds24.com/pic/p0000/2049/04.jpg</nowiki>' with the url of your uploaded picture.

body{background-image:url(<nowiki>https://www.beds24.com/pic/p0000/2049/04.jpg</nowiki>);}

<nowiki>#</nowiki>bookingpage {

-webkit-box-shadow:0 1px 2px rgba(0, 10, 10, 0.38);

-moz-box-shadow:0 1px 2px rgba(0, 10, 10, 0.38);

box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1);

box-shadow: 0 1px 2px rgba(0, 10, 10, 0.38);

margin-bottom: 20px;

}

<nowiki>#</nowiki>bookingpage{border-radius:7px; -webkit-border-radius:7px; -moz-border-radius:7px;}

.bookingpagecents {display:none;}

.bookingpagecentshide {display:inline;}

.dayMon{color:#c44a2f !important;}

.dayMon{background-color:#c44a2f !important;}

.daysat{color:#c44a2f !important;}

.daysun{border:1px solid #999999 !important;}

.datestay{border: 1px solid #2f2f2f !important;}

 

  If you use split dates the CSS is:

.prevdatestay, .datestay{border: 1px solid #2f2f2f !important;}

.datenotavail{text-decoration: line-through;}

.datepast{background-color: #xxxxxx; color: #xxxxxx;}

.ui-tooltip{max-width: 500px;}

img{pointer-events: none;}

.roomofferqtyselectlabel{display: block;}

footer .button{display: none;}

<nowiki><span class="glyphicon glyphicon-user" aria-hidden="true"></span>

</nowiki>

<nowiki><i class="fa fa-bicycle" aria-hidden="true"></i>

</nowiki>

  Note: Icons might disappear when the editor is opened again. In this case you will need to enter it again.

.b24fa{display:none;}

#b24scroller .input-group-addon{display:none;}

.b24languagedropdown .btn, .b24languagedropdown .btn.active, .b24languagedropdown .btn:active, .b24currencydropdown .btn, .b24currencydropdown .btn.active, .b24currencydropdown.btn:active {color:#fff;}

.b24languagedropdown .btn, .b24languagedropdown .btn.active, .b24languagedropdown .btn:active, .b24currencydropdown .btn, .b24currencydropdown .btn.active, .b24currencydropdown.btn:active {background:white; padding:10px;}

.cur-AUD,.cur-BHD,.cur-CAD,.cur-CLP,.cur-CRC,.cur-FJD,.cur-GBP,.cur-GEL,.cur-ILS,.cur-ISK,.cur-NZD,.cur-BGN,.cur-BRL,.cur-CNY,.cur-CZK,.cur-DKK,.cur-HKD,.cur-HRK,.cur-HUF,.cur-HUF,.cur-IDR,.cur-INR,.cur-JPY,.cur-KRW,.cur-LBP,.cur-MAD,.cur-MMK,.cur-MXN,.cur-MYR,.cur-NOK,.cur-PHP,.cur-PLN,.cur-RON,.cur-RUB,.cur-SEK,.cur-SGD,.cur-THB,.cur-TRY,.cur-ZAR{display: none;}

#inputnumadult option[value="0"] {display:none !important;}

#optextra2 option:nth-child(n+6){display:none;}

#optextraroom5 option:nth-child(n+22){display:none;}

.b24-selector-checkin{display:none;}

.b24-selector-checkout{display:none;}

.b24-selector-numnight{display:none;}

.fullwidthjumbopropslider .b24fullcontainer-proprow1 .b24-prop-slider .item {height: 500px;}

.fullwidthjumbopropslider .b24fullcontainer-proprow1 .b24-prop-slider  .carousel.slide{ height: 500px !important;}

.at_offersummary {display: none;}

.b24-selector-numnight { display: inline-block !important; }

.b24-guest-details-right img  {display: none;}

.bp2bookcollectpayment .panel-pay-card{display:none;}

= MULTIPLE BOOKING PAGE =

  Custom CSS can be added in SETTINGS > BOOKING PAGE > MULTIPLE PROPERTIES > DEVELOPERS > "Custom CSS"

#collapseAdvancedSearch{height: auto; display:block !important;}

.b24-agencysearchlink{display:none;}

.fullwidthjumboagencyslider .b24fullcontainer-ownerrow1  .b24-owner-slider .item {height: 600px;}

.fullwidthjumboagencyslider .b24fullcontainer-ownerrow1  .b24-owner-slider  .carousel.slide{height: 500px !important;}

#inputnumadult option:nth-child(n+X){display:none;}

Custom CSS can be added in SETTINGS > GUEST MANAGEMENT > STYLING > "Custom CSS"

body {text-align: center; font-size: 16px;}

#invoicepropname{font-size: 24px;}

#invoiceaddress{font-size: 18px; padding-bottom: 50px;}

.confirmationtable{font-size: 16px;}

.printbooking2 {margin: 20px;}

#invoicetable{margin-left:auto; margin-right:auto;}

#invoiceprinttime{font-size: 12px;}

#iconedit {display: none;}

== Calendar ==

.dashgridshowfilter {display:none;}

.dashgrid_rowtype1{display:none;}

.dashgrid_rowroomname .dropdown ul.dropdown-menu li:nth-child(3) {display:none !important;}

===Hide suitcase icon (add booking) and the button 'Add Booking' from CALENDAR===

.icon-suitcase, .b24btn_AddBooking{display:none}

.inv0 .dashgrid_inventory{color:red;}

===Show weekends (Saturday/Sunday) in red===

.weekend2{background-color:red;}

.caldayX{background-color:red;}

.todaydate{background-color:red;}

===Show past dates in grey===

.pastdate{background-color:grey;}

.editroomlink{padding-left: 2px;}

 

.dashgrid_inventory_nap{background-color: red; color: white;}

.dashcontrol #dashid{display: none !important}

===Hide the "Hamburger" menu from DASHBOARD===

.dashcontrol .dropdown{display: none !important}

.mobiledeparture tr > *:nth-child(X) {display: none;}

.mobiledashaddbooking{display:none;}

.pagetypeguests .viewguest .table tr:nth-child(x) {display: none; }

 

=== Hide property name in the BOOKING GRID ===

.bookgrid_rowpropname{display: none;}

.bookgrid_rowroomname{display: none;}

.pagetypebookingslist .bookingtable tr > *:nth-child(X) {display: none;}

Examples:

.bookingtable .cancelbooking {display:none;}

.b24btn_ExportBookings {display:none;}

== Rates Menu ==

=== Hide a certain column in the RATES Table ===

.pagetyperates .bookingtable tr> *:nth-child(X) {display: none;}

#reportid option:nth-child(n+4){display:none;}

.pagetypereports2 #guestemail {display: none;}

.pagetypeproperties .b24btn_delete{display:none;}

 

 

.pagetypeajaxbookedit.openinnewwindow{display:none;}

 

.pagetypeajaxbookedit #checkout{display:none;}

.pagetypeajaxbookedit .deletebookingbutton{display:none;}

.icon-suitcase, .b24btn_AddBooking{display:none;}

.pagetypeajaxbookedit #bookingcopyasnewbutton{display:none;}

.pagetypeajaxbookedit #bookingprintbutton{display:none;}

.pagetypeajaxbookedit .b24btn_AssignInvoiveNumber{display:none;}

German Version: .pagetypeajaxbookedit .b24btn_Rechnungsnummererzeugen{display:none;}

.pagetypeajaxbookedit #bookingtemplate1button{display:none;}

.pagetypeajaxbookedit #bookingtemplate2button{display:none;}

.pagetypeajaxbookedit #bookingtemplate3button{display:none;}

.pagetypeajaxbookedit .menusetting-guesttitle{display:none;}

.pagetypeajaxbookedit .menusetting-guestname{display:none;}

.pagetypeajaxbookedit .menusetting-guestcomments{display:none;}

.pagetypeajaxbookedit .menusetting-hostcomments{display:none;}

Children  

  .pagetypeajaxbookedit .menusetting-numchild{display:none;}

.pagetypeajaxbookedit .menusetting-guestphone{display:none;}

.pagetypeajaxbookedit .menusetting-guestmobile{display:none;}

.pagetypeajaxbookedit .menusetting-guestfax{display:none;}

.pagetypeajaxbookedit .menusetting-guestaddress{display:none;}

.pagetypeajaxbookedit .menusetting-guestcity{display:none;}

.pagetypeajaxbookedit .menusetting-guestpostcode{display:none;}

.pagetypeajaxbookedit .menusetting-guestcountry{display:none;}

.pagetypeajaxbookedit .menusetting-guestcountry2{display:none;}

.pagetypeajaxbookedit .menusetting-status{display:none;}

.pagetypeajaxbookedit .menusetting-roomid{display:none;}

.pagetypeajaxbookedit .menusetting-hostmessage{display:none;}

.pagetypeajaxbookedit .menusetting-guestcustqX{display:none;}

.pagetypeajaxbookedit .menusetting-ownerreference{display:none;}

.pagetypeajaxbookedit .menusetting-qty{display:none;}

.pagetypeajaxbookedit .menusetting-stopcancel{display:none;}

.pagetypeajaxbookedit .menusetting-flagtext{display:none;}

.pagetypeajaxbookedit .menusetting-statuscode{display:none;}

.pagetypeajaxbookedit .menusetting-Createdinaccount{display:none;}

.pagetypeajaxbookedit .menusetting-OriginalReferrer{display:none;}

.pagetypeajaxbookedit .menusetting-TimeEntered{display:none;}

.pagetypeajaxbookedit .menusetting-IPAddress{display:none;}

.pagetypeajaxbookedit .menusetting-apimessage{display:none;}

.pagetypeajaxbookedit .menusetting-guestemail{display:none;}

.pagetypelogin .b24btn_Login{background-color:#xxxxxx;}

=== Hide the "Make a Charge using Stripe" button ===

#makechargeusing{display:none;}

.warninglessthan12monthsavailable{ display: none}

.pagetypecommunicationbooktemplate #settingformid .background_boxprop:nth-of-type(2){display:none;}