Avisos
Vaciar todo

WordPress Gutenberg - TABLAS y espacios

4 Respuestas
3 Usuarios
0 Reactions
10 Visitas
Respuestas: 16
Active Member
Topic starter
 

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 años por Leticia
 
Respondido : 08/07/2020 9:12 am
Karen Rios
Respuestas: 18663
Illustrious Member 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

 


 
Respondido : 08/07/2020 12:51 pm
Respuestas: 16
Active Member
Topic starter
 

@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


 
Respondido : 08/07/2020 4:05 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member 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.


 
Respondido : 08/07/2020 4:18 pm