|
|
| Line 82: |
Line 82: |
|
| |
|
| 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: | | 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;}
| |