Pregunta sobre TablePress de Wordpress:

Texto centrado en capas combinadas

Un usuario preguntó 👇

Busqué en los foros pero todavía no he encontrado la personalización de CSS que hace lo que quiero. Estoy haciendo una tabla y quiero que las filas 1, 2, 4, 6, 8, 10 y 12 estén centralizadas. He reunido todas las capas excepto la serie 1, usando Colspan. ¡Aprecio tu ayuda!

(@tobiasbg)

Hace 2 años, 11 meses

Hola,

gracias por tu publicación y perdón por las molestias.

Esto se puede hacer usando código CSS. Por ejemplo, agregue esto al área de texto «CSS personalizado» en la pantalla «Opciones de plugin» de TablePress:

.tablepress-id-123 .row-1 td,
.tablepress-id-123 .row-2 td,
.tablepress-id-123 .row-4 td,
.tablepress-id-123 .row-6 td,
.tablepress-id-123 .row-8 td,
.tablepress-id-123 .row-10 td {
  text-align: center;
}

(cuando es necesario cambiar 123 por el ID de tabla correcto).

Saludos, Tobias

Lanzador de hilos

(@katielems)

Hace 2 años, 11 meses

¡Gracias! Eso funcionó, en lugar de la fila 1, que no está fusionada. ¿Eso requiere un código diferente?

(@tobiasbg)

Hace 2 años, 11 meses

Hola,

¿Es el conjunto 1 el conjunto de encabezados de la tabla? Entonces usa

.tablepress-id-123 .row-1 th,

como la primera línea del código. (Nota la th en vez de td.)

Saludos, Tobias

Lanzador de hilos

(@katielems)

Hace 2 años, 11 meses

¡Gracias! Eso resolvió el problema. Una pregunta más: la primera columna parece ser más ancha que la segunda. ¿Es esto por mi tema (Twenty Seventeen)? ¿Cómo hago que las 2 columnas tengan el mismo ancho?

(@tobiasbg)

Hace 2 años, 11 meses

Hola,

¡Bueno oír eso! El ancho probablemente sea diferente porque el material de las columnas tiene una longitud diferente. Para hacer lo mismo (para una tabla de dos columnas), intente agregar esto al área de texto «CSS personalizado» en la pantalla «Opciones de plugin» de TablePress:

.tablepress-id-123 th,
.tablepress-id-123 td {
  width: 50%;
}

Saludos, Tobias

¿Solucionó tu problema??

1 / 1

Deja una respuesta 0

Tu dirección de correo electrónico no será publicada.