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