Custom CSS: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
| Line 92: | Line 92: | ||
.datenotavail{text-decoration: line-through;} | .datenotavail{text-decoration: line-through;} | ||
=== Change width of hover image ( | === Change width of hover image (Adaptive Booking Page only)=== | ||
.ui-tooltip{max-width: 500px;} | .ui-tooltip{max-width: 500px;} | ||
=== Remove the hover effect on pictures ( | === Remove the hover effect on pictures (Adaptive Booking Page only)=== | ||
img{pointer-events: none;} | img{pointer-events: none;} | ||
=== Add a label above the room selector for multiple room bookings ( | === Add a label above the room selector for multiple room bookings (Responsive Booking Page only)=== | ||
.roomofferqtyselectlabel{display: block;} | .roomofferqtyselectlabel{display: block;} | ||
| Line 104: | Line 104: | ||
footer .button{display: none;} | footer .button{display: none;} | ||
=== Add icons to descriptive texts ( | === Add icons to descriptive texts (Responsive Booking Page only)=== | ||
[https://getbootstrap.com/docs/3.3/components/#glyphicons Bootstrap glyphicons] and [http://fontawesome.io/icons/ Font Awesome icons] can be added to the descriptive fields. To add icons the editor needs to be set to "Source" | [https://getbootstrap.com/docs/3.3/components/#glyphicons Bootstrap glyphicons] and [http://fontawesome.io/icons/ Font Awesome icons] can be added to the descriptive fields. To add icons the editor needs to be set to "Source" | ||
| Line 119: | Line 119: | ||
Note: Icons might disappear when the editor is opened again. In this case you will need to enter it again. | Note: Icons might disappear when the editor is opened again. In this case you will need to enter it again. | ||
=== Hide icons ( | === Hide icons (Responsive Booking Page only)=== | ||
.b24fa{ | .b24fa{ | ||
display: none; | display: none; | ||
| Line 128: | Line 128: | ||
} | } | ||
=== Change text color of language selector and currency selector ( | === Change text color of language selector and currency selector (Responsive Booking Page only)=== | ||
#topofthebookingpage{color: #ffffff;} | #topofthebookingpage{color: #ffffff;} | ||
=== Make language selector and currency selector a button ( | === Make language selector and currency selector a button (Responsive Booking Page only)=== | ||
.b24languagedropdown .btn, .b24languagedropdown .btn.active, .b24languagedropdown .btn:active, .b24currencydropdown .btn, .b24currencydropdown .btn.active, .b24currencydropdown.btn:active {background:white; padding:10px;} | .b24languagedropdown .btn, .b24languagedropdown .btn.active, .b24languagedropdown .btn:active, .b24currencydropdown .btn, .b24currencydropdown .btn.active, .b24currencydropdown.btn:active {background:white; padding:10px;} | ||
<br> | <br> | ||