Cloudbeds Custom CSS

PHOTO EMBED

Sat May 11 2024 11:06:57 GMT+0000 (Coordinated Universal Time)

Saved by @JasonB

<style>
/* Hide Language & Currency Selector */
#lang_currency_switchers { display:
none;}

/* Hide Contact Details */
body > div.container2 > div > div.container.main-content > div.page-container.property_info > div > div > div.portlet-body > div.map_info > p:nth-child(4) {display:none; }

/* Children Option is Hidden */
th.children.custom-children {
visibility: hidden !important;
display: none;
}
td.children {
visibility: hidden !important;
display: none;
}
.av-children {
visibility: hidden !important;
display: none;
}

/* Changing the background color and text color */
.av-left-rooms {
background-color: #3267B8;
text-color: white;
/* Header Logo Links to URL */
}
body > div.page-header.page-header-wrap.navbar > div > h1{
cursor: pointer
}
.logo {
cursor: pointer;
}
/* Hide Standard Map on Page */
#map_canvas { display: 
none; 
}

</style>


<div>

<button onclick="topFunction()" id="myBtn" title="Scroll up"> Scroll Up </button>
</div>

<style>
/* Add Scroll up Button */
html {
scroll-behavior: smooth;
}

#myBtn {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 20px; /* Place the button at the bottom of the page */
  right: 30px; /* Place the button 30px from the right */
  z-index: 999999; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  background-color: #14518c; /* Set a background color */
  color: white; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 10px; /* Some padding */
  border-radius: 5px; /* Rounded corners */
  font-size: 18px; /* Increase font size */
box-shadow: 0.5em 0.5em 0.5em rgb(11, 70, 140, 0.5);
}

#myBtn:hover {
  background-color: #ff4f3d; /* Add a background color on hover */
}

</style>

<script type="text/javascript"> 
//Get the button
var mybutton = document.getElementById("myBtn");

// When the user scrolls down 20px from the top of the document, show the button
window.onscroll = function() {scrollFunction()};

function scrollFunction() {
  if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
    mybutton.style.display = "block";
  } else {
    mybutton.style.display = "none";
  }
}

// When the user clicks on the button, scroll to the top of the document
function topFunction() {
  document.body.scrollTop = 0;
  document.documentElement.scrollTop = 0;
} 
</script>


<style>
/* Add Star icons to Features list */
.amenities_tab li::before, ul.amenities li::before{
content: " \2714 ";
color: #39b54b;
}
</style>


/* Hide Rooms button and label */  ( eichardts )
.av_wrapper[data-room-type-id='180207'] .av-quantity .type_of_room,
.av_wrapper[data-room-type-id='180207'] .av-quantity .rooms_select {
    display: none;
}

.av_wrapper[data-room-type-id='180207'] .av-quantity .rooms_select option[value="1"] {
    display: block;
}
content_copyCOPY