How to Color Code Airbnb Imported Bookings on Your Website

Color Code Airbnb Imported Bookings

How to Apply a Different Color Your Booking Calendar for Airbnb Imported Bookings with a Free Software and some Custom CSS!

? Custom CSS Code ?

Update Calendar Column Width

/* Set Admin Calendar Column width tp 45px (standard is 15px)
*/

.mphb-bookings-calendar-wrapper table.mphb-bookings-date-table td {
    min-width: 45px;
}
					
				

Indent Booking

/* Style All Bookings to Indent Text */ 

.mphb-bookings-calendar-wrapper table.mphb-bookings-date-table > tbody > tr > td .mphb-link-to-booking {
    left: 3px;
  word-wrap: normal;
}
					
				

Style Bookings Based on MotoPress vs. Airbnb

/* Style MotoPress Bookings */ 

.mphb-date-second-part[title~="Adults:"] .mphb-link-to-booking::after {
  content: '\00A0'"[Web]";
}

/* Style Airbnb (Not Available) Bookings */ 

.mphb-date-first-part[title~="(Not"] {
	background: #FFFFFF !important;
}

.mphb-date-second-part[title~="(Not"] {
  background:  #FFA07A !important;
}

.mphb-date-second-part[title~="(Not"] .mphb-link-to-booking::after {
  content: '\00A0'"[Block]";
}

.mphb-date-check-out-booked[title~="(Not"] {
	background:  #FFA07A !important;
}

.mphb-date-booked[title~="(Not"] {
	background:  #FFA07A !important;
}

.mphb-date-second-part[title~="(Not"] {
  background:  #FFA07A !important;
}

/* Style Airbnb Bookings */ 

.mphb-date-second-part[title~="(Last"] {
	background:  #008389 !important;
}

.mphb-date-second-part[title~="(Last"] .mphb-link-to-booking {
   color: #FFFFFF;
}

.mphb-date-second-part[title~="(Last"] .mphb-link-to-booking::after {
  content: '\00A0'"[Airbnb]";  color: #FFFFFF;
}

.mphb-date-booked[title~="(Last"] {
	background:  #008389 !important;
}

.mphb-date-check-out-booked[title~="(Last"] {
	background:  #008389 !important;
}

					
				

⚓ ????????? ????? ⚓

• Click for the Forum Post
• Click to download: Custom CSS Plugin

Are you thinking of creating your own Hotel Booking Website from scratch?  Here is a step by step tutorial to get you started; Hotel Booking Tutorial