Pregunta sobre TablePress de Wordpress:

Ancho de columna: ¿CSS personalizado no funciona? :(

Un usuario preguntó 👇

Hola Tobais,

He estado luchando durante las últimas 3 horas tratando de obtener el CSS personalizado para que el ancho de la columna funcione 🙁

Revisé las preguntas frecuentes, la documentación y los foros, pero a pesar de realizar diferentes cambios en el código, todavía no funciona.

Solo quiero reducir el ancho de la columna 3 (Enlace), idealmente cada columna, para que no sean más anchos que su contenido.

Probé las siguientes variaciones:

(colóquelo en las opciones del plugin CSS personalizado como se indica)

—– .tablepress-id-1 .column-3 {ancho: 100px; }

—–
[The preffered one] .tablepress-id-1 .column-3 {relleno: 4px; } —- .tablepress .column-3 {padding: 4px; } —– .tablepress .column-3 {ancho: 100px; } —–

También probé algunos otros códigos CSS personalizados del foro, pero aparte de ajustar la barra estrecha debajo de los encabezados de las columnas, parece que no están haciendo nada.

¡Agradezco su ayuda con esto!

(@anthuntley)

Hace 3 años, 3 meses

Descubrí que algunos datos de ancho estaban ocultos en los datos que tenía en la tabla. Lo solucioné descargando y subiendo como un CSV en lugar de importar HTML.

(@tobiasbg)

Hace 3 años, 3 meses

Hola,

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

El principal problema aquí es que tiene URL muy largas en esa segunda columna. Estos se tratan solo como palabras muy largas y, de forma predeterminada, el navegador no los ajusta con palabras.

Para habilitar esto, puede agregarlo al área de texto «CSS personalizado» en la pantalla «Opciones de plugin» de TablePress:

.tablepress-id-2 .column-2 {
    width: 300px;
    word-break: break-word;
}

Saludos, Tobias

(@widowswish)

Hace 3 años, 3 meses

Hola TobiasBG, estoy en el mismo barco que Anthuntley. Tengo una tabla con 4 columnas y una es enorme, y la cuarta es realmente pequeña. Intenté usar el CSS personalizado, como se describe en las preguntas frecuentes de este plugin, pero nada funciona.

Le daría el enlace a la página donde se encuentra esta tabla bastante inflexible, pero el sitio no está activo. Si pudieras enviarme un correo electrónico a [email protected], me gustaría darte un inicio de sesión en el back-end de nuestro WordPress, para que puedas mirar mi sitio y decirme qué está pasando. Y estaría feliz de hacer una donación.

¡Gracias!

(@tobiasbg)

Hace 3 años, 3 meses

Hola,

como también tiene un nuevo hilo abierto en https://wordpress.org/support/topic/custom-css-isnt-working-for-column-width/, manejemos la discusión entonces 🙂

Saludos, Tobias

(@adjunky)

Hace 3 años, 2 meses

El ancho de la columna no se puede cambiar. No todas las soluciones que estoy leyendo funcionan.

(@tobiasbg)

Hace 3 años, 2 meses

Hola,

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

¿Puede publicar un enlace a la página con la tabla donde ocurre este problema, para que pueda mirar directamente? ¡Gracias!

Saludos, Tobias

(@windman)

hace 3 años

Hola Usando WordPress por menos de una semana y probando diferentes cosas. Creé un formulario usando TablePress. Tiene solo dos columnas y se veía bien al principio: la primera columna tenía el ancho requerido para las imágenes (350 px) y no había nada adicional. Luego quise probar otra plantilla (Orfeo) pero no me gustó, así que cambié de nuevo a Flexia. Ahora, la primera columna tiene un ancho que es casi 3 veces el necesario. Inserté el siguiente código (copiado de este hilo) en los campos CSS personalizados en el plugin de opciones para TablePress y lo guardé. A menudo no sé si volví y guardé, pero el ancho de la primera columna nunca cambia. He cerrado la pestaña donde aparece la tabla y la abro en una nueva pestaña, he reiniciado la computadora. Es como si Orfeo escribiera algo en un parámetro que Flexia no lee. O tengo un malentendido del código: pero solo tengo una tabla

.tablepress-id-1 .column-1 {ancho: 360px; }

Para él, el hombre del viento

(@tobiasbg)

hace 3 años

Hola,

¿Puede publicar un enlace a la página con la tabla donde ocurre este problema, para que pueda mirar directamente? ¡Gracias!

Saludos, Tobias

(@windman)

hace 3 años

Aqui esta el link:
http://bakcex.org/?page_id=21

¡Gracias!

(@windman)

hace 3 años

Oh,

¡Solo vi el error mío! Ambas imágenes inferiores son demasiado grandes; no 350 px

Lo siento por la molestia

Acerca de,

Andreas

(@tobiasbg)

hace 3 años

Hola,

de hecho, esa puede haber sido la razón. Todo es 350px para mí ahora también 🙂

Todo lo mejor, Tobias

PD: Si no lo ha hecho, califique TablePress aquí en el directorio de plugins. ¡Gracias!

(@aklutey)

Hace 2 años, 11 meses

Hola,

Tengo el mismo problema con Anthuntley. Quiero expandir el tamaño de mi cuarta columna al tener una URL en la sexta columna de mi tabla (http://www.oregonworldwaterday.org/events/) parece estar desperdiciando cosas. Implementé la recomendación de la SEC del segundo comentario anterior y solo hizo que la cuarta columna fuera más estrecha de lo que era. Pensamientos

(@tobiasbg)

Hace 2 años, 11 meses

Hola,

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

Por lo que veo, ese comando realmente funciona. Las URL están divididas, por lo que la columna de URL es más pequeña. A largo plazo, creo que solo obtendrá buenos resultados si convierte las URL en enlaces en los que se puede hacer clic con un texto de enlace corto.

Saludos, Tobias

(@centrengo)

Hace 2 años, 5 meses

Estoy en el mismo barco que todos. Le grité a mi computadora portátil por un momento y tuve la tentación de tirarla a la pared. Aquí está el enlace de la página donde necesito ayuda. https://www.centrengo.org/find-funding/ El ancho de la columna 2 debe ser mayor / la columna debe doblarse. La columna 1 puede ser pequeña, pero mi principal prioridad es la columna 2. Ayuda

(@tobiasbg)

Hace 2 años, 5 meses

Hola,

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

Esto se debe a algunas de las imágenes del logotipo de la columna 1. Por ejemplo, los logotipos de las filas 21 y 22 se colocaron en tamaño completo. Esto significa que la columna se extiende tanto que encajan estas imágenes. Debería limitar el tamaño de estas imágenes, o quizás usar código CSS para hacerlas más pequeñas. Por ejemplo, agregue esto al área de texto «CSS personalizado» en la pantalla «Opciones de plugin» de TablePress:

.tablepress-id-2 .column-1 img {
  width: 200px;
  height: auto;
}

Saludos, Tobias

¿Solucionó tu problema??

0 / 0

Deja una respuesta 0

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *