Customise Booking Page: Difference between revisions

Jump to navigation Jump to search
No edit summary
No edit summary
Line 22: Line 22:


== '''Advanced Design''' ==
== '''Advanced Design''' ==
Webdesigners use custom CSS to sefine the look and formatting of a website. Here a list of common adjustmens which can be done pasting the code provided below intor SETTINGS -> BOOKING PAGE -> ADVANCED -> WEBDESIGNERS
Webdesigners use custom CSS to sefine 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 -> ADVANCED -> WEBDESIGNERS


== Shadow arround your booking page ==
== Shadow arround your booking page ==
/*code for a shadow arround your booking page*/
/*code for a shadow arround your booking page*/
#bookingpage {
 
<nowiki>#</nowiki>bookingpage {
 
-webkit-box-shadow:0 1px 2px rgba(0, 10, 10, 0.38);
-webkit-box-shadow:0 1px 2px rgba(0, 10, 10, 0.38);
-moz-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: 1px 1px 2px 1px rgba(0, 0, 0, 0.1);
 
box-shadow: 0 1px 2px rgba(0, 10, 10, 0.38);
box-shadow: 0 1px 2px rgba(0, 10, 10, 0.38);
margin-bottom: 20px;
margin-bottom: 20px;
}
== 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);
}
}