Eliminar padding en carrusel de imágenes en contenedor flex

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.

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.

Justwhocares dijo:

carrusel tiene fondo color azul y el contenedor fondo rojo

Hacer clic para expandir...

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'

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'

Hacer clic para expandir...

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:


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