Cómo personalizar tu motor de reservas de grupos

Cambia el color de la etiqueta cuando el mouse pase por encima. Reemplaza el código de color #008000 por cualquier otro color y agrega el código en la sección Encabezado personalizado para la página de reservas de tu hotel:

<style>
.not_available i.fa-tag:hover {
  color: #008000;
  cursor: pointer;
}
</style>

Cambia #aaa por cualquier código de color que desees. Agrega el siguiente código en la sección Encabezado personalizado para la página de reservas de tu hotel:

<style>
.not_available {background: #aaa}
</style>

Reemplaza las palabras 'ADD TEXT HERE' por el texto que desees en el siguiente código y aplícalo en la sección Metaetiquetas personalizadas:

<style>
.price_box .not_available {
  font-size: 0;
}
.price_box .not_available:after {
  content: "AGREGA EL TEXTO AQUÍ";
  font-size: 10px;
}
</style>

Agrega el siguiente código a la sección Encabezado personalizado para la página de reservas de tu hotel y cambia #fff por cualquier código de color que desees:

<style>
.sidebar_white_box button {
  background: #fff none repeat scroll 0 0;
}
</style>

Cambia el color del botón cuando el mouse pase por encima. Usa cualquier código de color en lugar de #000. Agrega el siguiente código a la sección Encabezado personalizado para la página de reservas de tu hotel:

<style>
div.sidebar_white_box.form-group button:hover 
{ 
background: #000; 
}
</style>

Cambia el color de la fuente a cualquier otro color. Cambia #fff por el código de color que desees:

<style>
div.sidebar_white_box.form-group button 
{ 
color: #fff
}
</style>

1. Abre Google Maps.
2. Busca la ubicación de tu propiedad.
3. Haz clic en Compartir.

4. Haz clic en Insertar un mapa.
5. Haz clic en Copiar HTML (esto copiará todo el código). El código debe comenzar con <iframe> y terminar con </iframe>.

Ejemplo: El código resaltado en rojo a continuación corresponde al idioma del mapa, inglés (en). Si es necesario, puedes cambiarlo a otros idiomas (por ejemplo, español (es), portugués (pt), etc.).

<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d7886.465207518082!2d115.1726561!3d-8.764173!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x2dd244f35b8a5d05%3A0xd42d4da6a44aa938!2sJimbaran%20Beach!5e0!3m2!1sen!2sid!4v1596624024065!5m2!1sen!2sid" width="600" height="450" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>

Agrega el siguiente código en la sección Metaetiquetas personalizadas. Reemplaza "Put your Google Map URL here" con la URL de tu Google Maps del Paso 1.

<style> #map_canvas, #map_canvas_big {  display: none; } </style> <script type="text/javascript"> window.addEventListener("load", function(event) {   //append google maps iframe   var d1 = document.getElementById('map_canvas');  d1.insertAdjacentHTML('afterend', 'Coloca aquí la URL de tu Google Maps'); }, false); </script> <script type="text/javascript"> window.addEventListener("load", function(event) {   //append google maps iframe   var d1 = document.getElementById('map_canvas_big');  d1.insertAdjacentHTML('afterend', '<iframe src="Coloca aquí la URL de tu Google Maps" width="100%" height="274">'); }, false); </script>