Pregunta sobre TablePress de Wordpress:

CSS no aplicado en capas

Un usuario preguntó 👇

¡Hola Tobías!

Tiene algunos problemas con los fondos de la mesa y la fila no está en su lugar. He probado «.entry» y «! Importante ”que vi aquí en los foros, así como colores consecutivos alternos, etc. ¡Gracias por adelantado!

.tablepress thead th {
	text-align: center;
	font-size: 40px;
	font-family: 'Bebas Nueue Regular';
	letter-spacing: .5px;
	color: #00000;
	background-color: #fbee1f;
}

.tablepress tbody td {
	text-align: center;
	font-size: 20px;
	font-family: 'Bebas Nueue Regular';
	letter-spacing: .5px;
	background-color: #00000;
	color: #fbee1f;
}

.tablepress .odd td {
	background-color: #00000;
	color: #fbee1f;
}

.tablepress .even td {
	background-color: #66666;
	color: #fbee1f;
}

(@tobiasbg)

Hace 7 meses, 3 semanas

Hola,

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

Una posible razón para esta pregunta es que sus valores de color tienen solo cinco dígitos, pero requieren seis, es decir #000000 en vez de #00000. Es posible que deba adjuntar ese !important allí, como

background-color: #000000 !important;

¿Puedes intentarlo de nuevo por favor?

Saludos, Tobias

Lanzador de hilos

(@datestonight)

Hace 7 meses, 3 semanas

¡Genial!

Eso arregló la coloración del fondo, que es un error tonto.

En otra nota, todavía no parecía arreglar el color del texto, ¿tendría eso que ver con el color de desplazamiento?

La pregunta, ¿hay información sobre cómo editar otro texto alrededor de la tabla, como «editar», «buscar» y «mostrar entrada»?

¡Muchas gracias por todo el trabajo que hacen por el plugin!

(@tobiasbg)

Hace 7 meses, 3 semanas

Hola,

¡Es bueno escuchar que esto ayudó!

Ese otro texto es un enlace, por lo que debe ajustar el color del HTML <a> vincular elementos a CSS, p. ej.

.tablepress a {
  color: #FBEE1F;
}

Para ajustar el texto alrededor de la mesa también, agréguelo también

.dataTables_wrapper,
.dataTables_wrapper .paginate_button {
	color: #FBEE1F !important;
}

Saludos, Tobias

Lanzador de hilos

(@datestonight)

Hace 7 meses, 2 semanas

¡Muchas gracias por toda la ayuda!

Parece que no puedo hacer cambios en los resguardos para abordar. Mi objetivo es invertir los colores al pasar sobre cualquier celda vinculada en la tabla (columna seleccionada), pero no puedo hacer que los colores básicos funcionen.

.tablepress thead th {
	text-align: center;
	font-size: 40px;
	font-family: 'Bebas Nueue Regular';
	letter-spacing: .5px;
	color: #000000;
	background-color: #fbee1f;
}

.table-hover tbody tr:hover td,
.table-hover tbody tr:hover th {
	background-color: #fbee1f;
	color: #000000;
}

.tablepress tbody td {
	text-align: center;
	font-size: 20px;
	font-family: 'Bebas Nueue Regular';
	letter-spacing: .5px;
	background-color: #000000 !important;
	color: #fbee1f !important;
}

.tablepress .odd td {
	background-color: #000000 !important;
	color: #fbee1f;
}

.tablepress .even td {
	background-color: #666666 !important;
	color: #fbee1f;
}

.tablepress a {
	color: #FBEE1F;
}

.dataTables_wrapper,
.dataTables_wrapper .paginate_button {
	color: #FBEE1F !important;
}

.tablepress-id-1 .column-1,
.tablepress-id-1 .column-2,
.tablepress-id-1 .column-3 {
	width: 33%;
}

(@tobiasbg)

Hace 7 meses, 2 semanas

Hola,

No estoy seguro de donde sacaste eso .table-hover ó, en

.table-hover tbody tr:hover td,
.table-hover tbody tr:hover th {

Probablemente debería ser esto

.tablepress tbody tr:hover td,
.tablepress tbody tr:hover th {

Saludos, Tobias

Lanzador de hilos

(@datestonight)

hace 7 meses

Desafortunadamente, esto no parece funcionar. ¿Hay alguna forma de hacerlo específicamente en celdas que contienen enlaces HTML?

.tablepress thead th {
	text-align: center;
	font-size: 40px;
	font-family: 'Bebas Nueue Regular';
	letter-spacing: .5px;
	color: #000000;
	background-color: #fbee1f;
}

.tablepress tbody tr:hover td,
.tablepress tbody tr:hover th {
	background-color: #333333 !important;
}

.tablepress tbody td {
	text-align: center;
	font-size: 20px;
	font-family: 'Bebas Nueue Regular';
	letter-spacing: .5px;
	background-color: #000000 !important;
	color: #fbee1f !important;
}

.tablepress .odd td {
	background-color: #000000 !important;
	color: #fbee1f;
}

.tablepress .even td {
	background-color: #666666 !important;
	color: #fbee1f;
}

.tablepress .row-hover .column-1:hover {
	background-color: #333333 !important;
	color: #0000EE !important;
}

.tablepress a {
	color: #FBEE1F;
}

.dataTables_wrapper,
.dataTables_wrapper .paginate_button {
	color: #FBEE1F !important;
}

.tablepress-id-1 .column-1,
.tablepress-id-1 .column-2,
.tablepress-id-1 .column-3 {
	width: 33%;
}

(@tobiasbg)

hace 7 meses

Hola,

¿Puede explicar qué es exactamente lo que no funciona? Para mí, el color de la fila flotante funciona bien (#333333). Desafortunadamente, esto no se puede hacer específicamente en celdas conectadas, ya que no hay forma de hacerlo dependiendo de algo dentro de la celda.

Saludos, Tobias

¿Solucionó tu problema??

0 / 0

Deja una respuesta 0

Tu dirección de correo electrónico no será publicada.