Eliminar padding en carrusel de imágenes en contenedor flex

Justwhocares · 28 May 2023

Hola, estoy diseñando un nuevo sitio web en wordpress y me he topado con los nuevos contenedores flex, tengo un carrusel de imágenes dentro de un contenedor, pero me doy con la sorpresa que se crea un padding en el carrusel y mirando todas las opciones no puedo quitarlo, ¿alguien se ha topado con este problema? ¿Es un bug? anteriormente he trabajado con elementor y un carrusel de imagenes y nunca he tenido este tipo de problema, adjunto imagen donde el carrusel tiene fondo color azul y el contenedor fondo rojo.

paskuvan · 28 May 2023

No creo que sea bug, si tienes instalado algun cache, podria actualizar, yo uso siempre elementor, si no funciona eso, quitar mediante personalización de CSS.

Puko · 28 May 2023

Justwhocares dijo:
carrusel tiene fondo color azul y el contenedor fondo rojo

Con css
A las imagenes puedes ponerle mas px o 100% si estan mas pequeñas que el 'azul'
o
al 'azul' o el que contiene las imágenes (div,li,etc) quitarle padding/margin
o
le puedes reducir los px al 'rojo' para que sea igual que el 'azul'
o
al 'azul' ponerle width 100% o max-content; para que 'abarque' todo el 'rojo'

Justwhocares · 29 May 2023

Puko dijo:
Con css
A las imagenes puedes ponerle mas px o 100% si estan mas pequeñas que el 'azul'
o
al 'azul' o el que contiene las imágenes (div,li,etc) quitarle padding/margin
o
le puedes reducir los px al 'rojo' para que sea igual que el 'azul'
o
al 'azul' ponerle width 100% o max-content; para que 'abarque' todo el 'rojo'

Intenté todo eso, pero al parecer nada arreglaba este padding interno en el carrusel, en la comunidad de Elementor encontré la solución, la agrego para futuros problemas con otros usuarios.

En el elemento carrusel hay que agregar un código CSS adicional:

Insertar CODE, HTML o PHP:

.swiper .swiper-slide figure {
line-height: 0 !important;
}

Si en caso continúa fallando, en propiedades del carrusel hay que activar el Stretch.

Eliminar padding en carrusel de imágenes en contenedor flex

Justwhocares

Adjuntos

paskuvan

Puko

Justwhocares

Temas similares

Eliminar padding en carrusel de imágenes en contenedor flex

Justwhocares

Adjuntos

paskuvan

Puko

Justwhocares

Temas similares

Privacidad y transparencia

Privacidad y transparencia