Un usuario preguntó 👇
Quiero que todas las tablas de esta página sean «invisibles». Por «invisible» quiero decir que quiero capas impares e incluso capas blancas. Pero como puede ver, todavía tengo capas alternas de color gris claro. Leí otras tres publicaciones y publiqué este CSS personalizado en la pestaña Opciones de plugin: .tablepress-id-3 .odd td {background-color: #ffffff; }
.tablepress-id-3 .even td {color de fondo: #ffffff; } Pero eso no funcionó. Vi una publicación en el foro de otra persona sobre cómo borrar la caché de WordPress, pero después de buscar en WordPress y Google, no estoy seguro de cómo hacerlo (o si esa es la pregunta). Gracias de antemano por tu ayuda.
(@tobiasbg)
Hace 2 años, 1 mes
Hola,
gracias por tu pregunta y perdón por las molestias.
La razón de esto es que su tema está agregando tal efecto. Para desactivar esto, intente agregarlo al área de texto «CSS personalizado» en la pantalla «Opciones de plugin» de TablePress:
.tablepress tr {
background-color: white !important;
}Saludos, Tobias
Lanzador de hilos
(@everydaywanderer)
Hace 2 años, 1 mes
¡Usted es maravilloso! ¡Eso funciono! Sin embargo, tengo algunas otras preguntas (espero un poco) para resolver: 1) ¿Cómo elimino las líneas que se muestran en algunas de las tablas? (Hay un ejemplo entre el primer conjunto de imágenes y el texto) Quiero que estas tablas sean completamente «invisibles». 2) ¿Cómo me aseguro de que todas las columnas de la tabla YET respondan a computadoras de escritorio, tabletas y dispositivos móviles? Pensé que me estaba funcionando correctamente, pero hay una gran brecha entre la primera columna y las otras en las dos primeras tablas. (Todavía funciona en el tablero inferior.) 3) ¿Hay alguna manera de aumentar el relleno de la celda DEBE las filas con texto en ellas? (Probé una búsqueda en Google, pero acabo de ver cómo aumentar el panel de celda para toda la tabla. PD ¡Gracias por toda su ayuda! ¡Voy a intentar suscribirme a través de la herramienta ahora! 🙂
(@tobiasbg)
Hace 2 años, 1 mes
Hola,
Para las tres preguntas, recomiendo limitar la SEC a la página con la tabla, que el .page-id-7547 en el CSS que sigue a continuación (el ID de página de esta página en WordPress es 7547).
1) Para eliminar estas líneas de límite, podemos usar este CSS:
.page-id-7547 .tablepress td {
border: none !important;
}2) Solo necesitaremos establecer un ancho igual (33%) para las celdas en estas tablas, que podemos expandir CSS desde 1), y decirle a las imágenes que siempre se encogen en una pantalla más pequeña:
.page-id-7547 .tablepress td {
border: none !important;
width: 33%;
}
.page-id-7547 .tablepress img {
max-width: 100%;
}3) Para esto podemos usar
.page-id-7547 .tablepress .row-2 td {
padding: 4px 12px !important;
}
Saludos, Tobias
Lanzador de hilos
(@everydaywanderer)
Hace 2 años, 1 mes
Taaaaaaaaaaaa se cierra, pero el texto sigue cayendo sobre las imágenes en casi todos los casos en mi página de inicio. ¿Necesita algún otro ajuste para mantenerlo más alineado debajo de cada imagen?
(@tobiasbg)
Hace 2 años, 1 mes
Hola,
eso es simplemente porque en una computadora de escritorio, las imágenes ya han alcanzado su máximo. Para superar eso, cambie
.page-id-7547 .tablepress img {
max-width: 100%;
}a
.page-id-7547 .tablepress img {
max-width: 100%;
width: 100% !important;
}Saludos, Tobias
Lanzador de hilos
(@everydaywanderer)
Hace 2 años, 1 mes
¿Hay alguna forma de aplicar los cambios CSS anteriores a todas las páginas con tablas al mismo tiempo? ¿O insertar valores de ID de página adicionales? Ahora que las tablas de la página de inicio se ven exactamente como me gustaría, estoy empezando a crear otras páginas, que actualmente no incluyen la apariencia. Aquí hay un ejemplo: https://everydaywanderer.com/destinations
(@tobiasbg)
Hace 2 años, 1 mes
Hola,
para algunos CSS, no tendría sentido aplicarlo a todas las tablas, ya que perdería la flexibilidad de usar TablePress para otros tipos de tablas (con una estructura diferente). Entonces, para las imágenes, puede eliminar el ID de la página, ya que
.tablepress img {
max-width: 100%;
width: 100% !important;
}Esto se aplicaría a todas las imágenes de cada tabla.
Para el ancho y el relleno, es mejor agregar otros ID de página, como
.page-id-7547 .tablepress td,
.page-id-123 .tablepress td,
.page-id-546 .tablepress td,
.page-id-789 .tablepress td {
border: none !important;
width: 33%;
}
.page-id-7547 .tablepress .row-2 td,
.page-id-123 .tablepress .row-2 td,
.page-id-456 .tablepress .row-2 td,
.page-id-789 .tablepress .row-2 td {
padding: 4px 12px !important;
}Observe cómo los selectores de CSS se escriben como una lista separada por comas.
Saludos, Tobias
Lanzador de hilos
(@everydaywanderer)
Hace 2 años, 1 mes
¡Muchos gracias! Estoy listo !!!
(@tobiasbg)
Hace 2 años, 1 mes
Hola,
no hay problema, ¡de nada! 🙂 ¡Es bueno escuchar que esto ayudó!
Todo lo mejor, Tobias
PD: En caso de que no lo tenga, califique TablePress aquí en el directorio de plugins. ¡Gracias!
¿Solucionó tu problema??
0 / 0