Customise Booking Page: Difference between revisions

Jump to navigation Jump to search
No edit summary
No edit summary
Line 29: Line 29:
== '''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 into 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
== 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 ==
== Shadow Arround your Booking Page ==
Line 47: Line 69:




== 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);
}


== Booking Page with Rounded Corners ==
== Booking Page with Rounded Corners ==
Line 66: Line 79:


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