Custom CSS - Revision history

Sorenjensen: /* Dynamic Multi-Calendar */

2025-11-27T09:45:21Z

Dynamic Multi-Calendar

← Older revision		Revision as of 09:45, 27 November 2025
Line 412:		Line 412:

	== 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>

2025-10-10T10:15:36Z

Change color of unavailable dates

← Older revision		Revision as of 10:15, 10 October 2025
Line 452:		Line 452:
	<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: ~~blue~~ }</code>		<code>.inv0 { color: #0000FF !important; }</code>

	===Change color and background color of daily prices===		===Change color and background color of daily prices===

2025-09-26T04:13:50Z

Navigation

← Older revision		Revision as of 04:13, 26 September 2025
Line 407:		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 ==

2025-08-25T14:51:52Z

"Check-in" and "Check-out" text ceases to use the Highlight Background colours and uses a white background instead with narrow width screens

← Older revision		Revision as of 14:51, 25 August 2025
Line 236:		Line 236:
	=== "Check-in" and "Check-out" text ceases to use the Highlight Background colours and uses a white background instead with narrow width screens ===		=== "Check-in" and "Check-out" text ceases to use the Highlight Background colours and uses a white background instead with narrow width screens ===

	<code>{background: transparent !important; border: none !important;}</code>		<code>#inputcheckingroup { background: transparent !important; border: none !important;}</code>

	<code>{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===

2025-08-25T14:50:59Z

"Check-in" and "Check-out" text ceases to use the Highlight Background colours and uses a white background instead with narrow width screens

← Older revision		Revision as of 14:50, 25 August 2025
Line 236:		Line 236:
	=== "Check-in" and "Check-out" text ceases to use the Highlight Background colours and uses a white background instead with narrow width screens ===		=== "Check-in" and "Check-out" text ceases to use the Highlight Background colours and uses a white background instead with narrow width screens ===

	<code>{ background: transparent !important; border: none !important;}</code>		<code>{background: transparent !important; border: none !important;}</code>
	<code>{ background: transparent !important; border: none !important;}</code>
			<code>{background: transparent !important; border: none !important;}</code>

	=== Hide room picture on check-out page===		=== Hide room picture on check-out page===

2025-08-25T14:50:32Z

"Check-in" and "Check-out" text ceases to use the Highlight Background colours and uses a white background instead with narrow width screens

← Older revision		Revision as of 14:50, 25 August 2025
Line 235:		Line 235:

	=== "Check-in" and "Check-out" text ceases to use the Highlight Background colours and uses a white background instead with narrow width screens ===		=== "Check-in" and "Check-out" text ceases to use the Highlight Background colours and uses a white background instead with narrow width screens ===
	~~#inputcheckingroup~~ { background: transparent !important; border: none !important;}
	~~#inputcheckoutgroup~~ { background: transparent !important; border: none !important;}		<code>{ background: transparent !important; border: none !important;}</code>
			<code>{ background: transparent !important; border: none !important;}</code>

	=== Hide room picture on check-out page===		=== Hide room picture on check-out page===

2025-08-25T14:49:01Z

Show number of nights on mobiles

← Older revision		Revision as of 14:49, 25 August 2025
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 ===
			#inputcheckingroup { background: transparent !important; border: none !important;}
			#inputcheckoutgroup { background: transparent !important; border: none !important;}

	=== Hide room picture on check-out page===		=== Hide room picture on check-out page===

2025-06-24T09:05:52Z

Make search criteria always visible

← Older revision		Revision as of 09:05, 24 June 2025
Line 298:		Line 298:
	If the above does not work, please try this:		If the above does not work, please try this:

	<code>		<code>#b24scroller-fullcontainer {position: sticky; top: 0; z-index: 1000;}</code>
	#b24scroller-fullcontainer {
	position: sticky;
	top: 0;
	z-index: 1000;
	}
	</code>

	=== Change height of full-width slider ===		=== Change height of full-width slider ===

2025-06-24T09:05:15Z

Make search criteria always visible

← Older revision		Revision as of 09:05, 24 June 2025
Line 298:		Line 298:
	If the above does not work, please try this:		If the above does not work, please try this:

			<code>
	#b24scroller-fullcontainer {		#b24scroller-fullcontainer {
	position: sticky;		position: sticky;
Line 303:		Line 304:
	z-index: 1000;		z-index: 1000;
	}		}
			</code>

	=== Change height of full-width slider ===		=== Change height of full-width slider ===

2025-06-24T09:04:49Z

Make search criteria always visible

← Older revision		Revision as of 09:04, 24 June 2025
Line 295:		Line 295:

	<code>.b24-agencysearchlink{display:none;}</code>		<code>.b24-agencysearchlink{display:none;}</code>

			If the above does not work, please try this:

			#b24scroller-fullcontainer {
			position: sticky;
			top: 0;
			z-index: 1000;
			}

	=== Change height of full-width slider ===		=== Change height of full-width slider ===