Avisos
Vaciar todo

WordPress Gutenberg - TABLAS y espacios  

 
Leticia
 Leticia
Usuario activo

Buenos días,

queremos hacer esta tabla de 3 columnas en nuestra web

Tabla ejemplo

(Ejemplo a copiar: https://www.fundacionproclade.org/ )

He intentado reproducir la tabla en nuestro wordpress Gutenberg, sin éxito porque no puedo centrar iconos y texto.

Os mando pantallazos de como está quedando

Tabla gutenberg
Vistaweb

 

https://parroquiafelipeysantiago.es/

Podéis ayudarme por favor¿? Recomendaciones ¿?

 

Gracias

Este debate ha sido modificado el hace 5 meses por Leticia
Citar
Respondido : 08/07/2020 10:12 am
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Leticia,

Puede ser que el ancho que le estas asignando a una columna sea superior a la otra y por ello los elementos no se ubican de forma correcta.

Para que puedas ajustar esta ancho a cada columna comprueba el ancho que le asignas a esta, para ello debes seleccionar la columna

Una vez seleccionar ir a apartado Bloques -> Ajustes de la Columna

Screenshot(358)

Puede ir moviendo la barra de forma que veas que los elementos se ajustan de forma correcta

Screenshot(358)

Verifica si con esto logras ubicar los elementos que tienes en cada columna de forma correcta.

Un Saludo

 

ResponderCitar
Respondido : 08/07/2020 1:51 pm

Cursos Gratuitos WordPress

Leticia
 Leticia
Usuario activo

@karen

Hola,

tocando el ancho de una sola columna, me descuadra el resto de columnas.

Se te ocurre de que manera puedo hacer esto:

Tabla ejemplo

https://www.fundacionproclade.org/

¿A lo mejor algún plugin?

Muchas gracias por tu ayuda

ResponderCitar
Respondido : 08/07/2020 5:05 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

En tu caso veo que la cabecera con el cuerpo son elementos diferentes.

Podrías evaluar usar tarjetas en lugar de tablas, podrías probar también bloques de terceros con funcionalidad adicional, prueba por ejemplo Kadence Blocks para Gutenberg:
https://wordpress.org/plugins/kadence-blocks/

Revisa este curso que explica cómo usar kadence blocks: https://www.webempresa.com/university/curso-gutenberg-avanzado/

Saludos.

ResponderCitar
Respondido : 08/07/2020 5:18 pm

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