Pregunta sobre TablePress de Wordpress:

Esquina redonda en negrita y texto

Un usuario preguntó 👇

Hola,

Usé el siguiente código que se encuentra en su soporte para agregar esquinas redondeadas a una tabla en TablePress:

.tablepress thead th: first-child {border-top-left-radius: 10px; } .tablepress thead th: last-child {border-top-right-radius: 10px; } .tablepress tbody tr: last-child td: first-child {border-bottom-left-radius: 10px; } .tablepress tbody tr: last-child td: last-child {border-bottom-right-radius: 10px; }

Sin embargo, observo que el color de fondo (azul en mi caso) es lo que se está asegurando y el borde de la tabla predeterminado (borde sólido de 1px #cc) muestra esquinas cuadradas, que apenas se pueden ver.

¿Cómo puedo ocultar el borde de la mesa en las esquinas superior e inferior? Intenté agregar algo de CSS, pero nada ha funcionado hasta ahora.

Además, quiero poner en NEGRITA algún texto en algunas celdas. Mi código CSS para el texto de celda en negrita no funciona.

¿Puede proporcionar algo de CSS para las dos ediciones que puedo usar?

Gracias por tu ayuda,

Miguel

(@tobiasbg)

Hace 3 años, 1 mes

Hola,

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

El límite (directo) que está viendo puede seguir siendo el límite del conjunto de tablas o la tabla en sí, y no solo las celdas individuales.

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

Saludos, Tobias

(@mdpalow)

Hace 3 años, 1 mes

El problema está en un sitio local, pero tomé una foto y la subí a un servidor aquí:

http://mhr.network/Untitled.png

(@tobiasbg)

Hace 3 años, 1 mes

Hola,

solo a partir de una imagen, realmente no puedo entender de dónde viene ese límite

Quizás podrías probar los límites, con CSS como https://tablepress.org/faq/remove-borders-from-a-table/

Saludos, Tobias

(@mdpalow)

Hace 3 años, 1 mes

Hola Tobias,

Estoy confundido por tu respuesta.

Como aprendí, su plugin parece eliminar cualquier CSS de la carga. Solo acepto esto porque cuando exporto la tabla y la miro en un editor HTML, no veo ningún CSS en ella.

Entonces, cuando dices que no puedes encontrar de dónde viene la frontera, pienso «¿de dónde más podría venir?» Si la carga no contiene CSS y las OPCIONES DE PLUGIN no contienen nada relacionado con un límite de tabla, ¿de dónde más podría provenir?

En caso de que me falte algo, aquí está todo en mis OPCIONES DE PLUGIN

.tablepress-id-1 .row-1 th {color de fondo: # 006699; }

.tablepress-id-1 .row-1 th {color: #ffffff; }

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

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

.tablepress thead th: first-child {border-top-left-radius: 10px; }

.tablepress thead th: last-child {border-top-right-radius: 10px; }

.tablepress tbody tr: last-child td: first-child {border-bottom-left-radius: 10px; }

.tablepress tbody tr: last-child td: last-child {border-bottom-right-radius: 10px; }

Su plugin parece estar limitando la tabla … y … este código no resolvió el siguiente problema:

.tablepress-id-1, .tablepress-id-1 tr, .tablepress-id-1 tbody td, .tablepress-id-1 thead th, .tablepress-id-1 tfoot th {border: none; }

Lo siento si me estoy perdiendo algo simple. 🙂

Gracias por cualquier otra ayuda que pueda brindar.

(@tobiasbg)

Hace 3 años, 1 mes

Hola,

bien, CSS no está en los datos importados, pero lanza su tema con código CSS 🙂 Y dicho código CSS puede afectar y afectará las tablas creadas por TablePress. Entonces, en este caso, tengo fuertes razones para creer que su tema realmente está llevando este código CSS al límite. Para obtener más información, quiero tener acceso a la página real, para poder consultarla utilizando las Herramientas para desarrolladores en el navegador (recomiendo las de Google Chrome).

Saludos, Tobias

(@mdpalow)

Hace 3 años, 1 mes

¡Bueno! Buena respuesta. Lo entiendo.

Me comunicaré contigo con un enlace cuando lo transfiera a un servidor para que lo veas.

Gracias.

(@tobiasbg)

Hace 3 años, 1 mes

Hola,

¡increíble! ¡Eso será grandioso!

Todo lo mejor, 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 *