Changes

Jump to navigation Jump to search

Adaptive Booking Page (Depreciated)

1,220 bytes removed, 17:07, 4 July 2016
no edit summary
Webdesigners use CSS to define the look and formatting of a website. Here a list of common adjustmens which can be done pasting the code provided below into SETTINGS -> BOOKING PAGE -> DEVELOPERS. Examples:
 
== Bigger Room Name ==
/*code for bigger room name*/
.at_roomnametext{
font-size: 14px /*if you want the text even bigger use a higher number*/
}
 
== Background Image ==
To use a background image upload it to SETTINGS -> BOOKING PAGE -> PICTURES. Replace https://www.beds24.com/pic/p0000/2049/04.jpg with the url of your uploaded picture.
 
/*code fo use an image as background*/
body {
background-image:url(https://www.beds24.com/pic/p0000/2049/04.jpg);
}
 
== Shadow Arround your Booking Page ==
 
Add code in SETTINGS-> BOOKING PAGE -> DEVELOPERS "Custom CSS"
 
/*code for a shadow arround your booking page*/
 
<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;
}
 
== Booking Page with Rounded Corners ==
Add code in SETTINGS-> BOOKING PAGE -> DEVELOPERS "Custom CSS"
 
/*code for rounded corners*/
<nowiki>#</nowiki>bookingpage {
border-radius: 7px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
}
 
== Show prices with cents even if cents are zero ==
 
.bookingpagecentshide {display:inline;}

Navigation menu