Avisos
Vaciar todo

[Resuelto] Visualización de galerias creadas con Gutemberg  

 
El viaje me hizo a mí
 El viaje me hizo a mí
Usuario experto

Hola. 

En mi blog (está hecho con hello elemntor + elementor) pongo galerías de imágenes usando la opción que tiene Gutemberg.

 

Me he dado cuenta de que en la versión movil se visualizan muy pequeñas. Mirad las capturas de pantalla.  ¿Podría ponerlas (en versión móvil) una encima de otra con alguna regla de CSS?

 

Gracias

Captura escritorio
Captura Movil

 

Contenido solo visible a usuarios registrados

Respondido : 14/05/2024 6:40 pm
Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola,

Si nos compartes la URL exacta donde estás utilizando esta galería podemos ver si por un CSS como dices se puede hacer este ajuste. Esperamos el enlace para poder verificar.

Un saludo 🖐️ 

Respondido : 14/05/2024 6:45 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

El viaje me hizo a mí
 El viaje me hizo a mí
Usuario experto

@argenis

 

La url en cuestión es esta pero las galerias aparecen en todos los posts del blog.

https://elviajemehizoami.com/que-ver-en-yangon/

Saludos y gracias

Respondido : 14/05/2024 7:11 pm
Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola,

Verifica con este css:

@media screen and (max-width: 700px) {
figure.wp-block-image.size-large {
width: 100% !important;
}
figure.wp-block-gallery.has-nested-images {
align-items: normal;
display: flex;
flex-direction: column;
width: 100% !important;
}
}

Ten en cuenta que los 700px puedes modificarlo para que afecte cuando tu lo creas conveniente, ya sea más pequeño o más grande.

Un saludo 🖐️ 

Respondido : 14/05/2024 8:00 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

El viaje me hizo a mí
 El viaje me hizo a mí
Usuario experto

@argenis

 

Gracias.

 

Finalmente lo dejé en esto y me va perfecto. Lo dejo escrito por si es de utilidad.

@media screen and (max-width: 700px) {
.wp-block-image.size-large {
width: 100% !important;
}
.wp-block-gallery.has-nested-images {
display: flex;
flex-direction: column;
}
}

 

Respondido : 15/05/2024 8:57 pm
Argenis
 Argenis
Soporte CMS Webempresa Moderator

Hola,

Estupendo, recuerda que si tienes alguna otra duda puedes crear un nuevo tema y con gusto lo vemos.

Un saludo 🖐️ 

Respondido : 15/05/2024 9:43 pm

wpdoctor-revisa-la-salud-de-tu-wordpress