Custom CSS: Difference between revisions
Jump to navigation
Jump to search
Sorenjensen (talk | contribs) |
|||
| (9 intermediate revisions by 2 users not shown) | |||
| Line 233: | Line 233: | ||
=== Show number of nights on mobiles=== | === Show number of nights on mobiles=== | ||
<code>.b24-selector-numnight { display: inline-block !important; }</code> | <code>.b24-selector-numnight { display: inline-block !important; }</code> | ||
=== "Check-in" and "Check-out" text ceases to use the Highlight Background colours and uses a white background instead with narrow width screens === | |||
<code>#inputcheckingroup { background: transparent !important; border: none !important;}</code> | |||
<code>#inputcheckoutgroup { background: transparent !important; border: none !important;}</code> | |||
=== Hide room picture on check-out page=== | === Hide room picture on check-out page=== | ||
| Line 295: | Line 301: | ||
<code>.b24-agencysearchlink{display:none;}</code> | <code>.b24-agencysearchlink{display:none;}</code> | ||
If the above does not work, please try this: | |||
<code>#b24scroller-fullcontainer {position: sticky; top: 0; z-index: 1000;}</code> | |||
=== Change height of full-width slider === | === Change height of full-width slider === | ||
| Line 397: | Line 407: | ||
===Hide 'Add Booking' button=== | ===Hide 'Add Booking' button=== | ||
<code>.b24btn_AddBooking{display:none}</code> | <code>.b24btn_AddBooking{display:none}</code> | ||
===Hide 'Desktop icon' button=== | |||
<code>.fa-desktop{display:none}</code> | |||
== Dynamic Multi-Calendar == | == Dynamic Multi-Calendar == | ||
===Hide hover text from prices=== | |||
<code>.ui-tooltip { display:none !important; }</code> | |||
===Hide "Intelligence" icon=== | ===Hide "Intelligence" icon=== | ||
<code>.sticky-left .row-intelligence-button{display: none;}</code> | <code>.sticky-left .row-intelligence-button{display: none;}</code> | ||
| Line 439: | Line 454: | ||
<code>.sticky-left .row-help-button {display: none;}</code> | <code>.sticky-left .row-help-button {display: none;}</code> | ||
===Change color of unavailable dates === | ===Change color of unavailable dates === | ||
<code>.inv0 { color: | <code>.inv0 { color: #0000FF !important; }</code> | ||
===Change color and background color of daily prices=== | ===Change color and background color of daily prices=== | ||