MakeInOff – Slider Diapositivas Verticales Desplazamiento Horizontal

Para crear un Slider con diapositivas verticales y desplazamiento horizontal en Divi sin plugins, sigue estos pasos:
1. Crea una sección de ancho completo en tu página de Divi.
2. Agrega una fila a la sección y configura la fila para tener una altura del 100% de la pantalla.
3. En la fila, agrega una columna y configura la columna para tener una anchura del 100% y una altura del 100% de la fila.
4. Agrega un módulo de imagen a la columna y sube varias imágenes que deseas mostrar.
5. Configura el módulo de imagen para ajustar la imagen a la columna y establece la altura de la imagen en un valor que sea menor que la altura de la columna.
6. En la pestaña Avanzado del módulo de imagen, selecciona "Si" para la opción "Usar desplazamiento parallax".
7. Agregar el siguiente código personalizado a la sección para permitir el desplazamiento horizontal:
a. Ve a la pestaña Avanzado de la sección y selecciona "CSS personalizado".
b. Agrega el siguiente código CSS personalizado:
.et_pb_row {
flex-wrap: nowrap;
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
scroll-snap-type: x mandatory;
scroll-behavior: smooth;
}
.et_pb_row > div {
flex: 0 0 100%;
scroll-snap-align: center;
display: flex;
justify-content: center;
}
8. Guarda los cambios en la página y previsualiza la página. Ahora debería tener un Slider con diapositivas verticales y desplazamiento horizontal en Divi sin plugins.