Cómo hacer que los puntos de navegación del carrusel sean transparentes con un borde blanco. 

Por defecto, los puntos de navegación inactivos del elemento Carrusel de GemPages aparecen en gris y sin borde. Si desea un aspecto más limpio o moderno, puede personalizarlos para que sean transparentes con un borde blanco mediante CSS personalizado.

Esta guía le explicará el proceso paso a paso. Después de seguir esta guía, los puntos de navegación inactivos de su carrusel:

• Tener un fondo transparente
• Mostrar un borde blanco
• Mantén un diseño más limpio y minimalista.

Paso 1: Añade CSS personalizado al elemento Carrusel.

• Abra su página en el Editor de GemPages
• Haga clic en el elemento elemento Carrusel
• Haga clic derecho y seleccione Código Personalizado

• En el panel de Código personalizado, pegue el siguiente código CSS:

ElementClass .gp-carousel-dot-container botón {

 borde: 1px sólido #fff;

}

• Reemplace ElementClass con la clase real de su elemento Carousel

Paso 2: Cambiar los puntos de navegación inactivos a transparentes.

En lugar de usar CSS, puedes actualizar directamente esta configuración en el editor:

• Haga clic en el elemento elemento Carrusel
• Vaya a la Puntos panel de configuración
• Encuentre el elemento Inactivo color opción
• Establezca el color en Transparente

Esto elimina el fondo gris predeterminado de los puntos inactivos.