Customise Booking Page: Difference between revisions

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


== Bigger Room Name ==
== Bigger Room Name ==
/*code for bigger room name*/
/*code for bigger room name*/
 
.at_roomnametext{
.at_roomnametext{
font-size: 14px /*if you want the text even bigger use a higher number*/
 
}
font-size: 14px /*if you want the text even bigger use a higher number*/
 
}


== Background Image  ==
== 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.
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*/
/*code fo use an image as background*/
 
body {
body {
background-image:url(https://www.beds24.com/pic/p0000/2049/04.jpg);
background-image:url(https://www.beds24.com/pic/p0000/2049/04.jpg);
}
}
 


== Shadow Arround your Booking Page ==
== Shadow Arround your Booking Page ==
Line 126: Line 121:
/*code for a shadow arround your booking page*/
/*code for a shadow arround your booking page*/


m<nowiki>#</nowiki>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);