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.