Un usuario pregunt贸 馃憞
Travelify parece colocar el cursor sobre un evento con filas de tablas en alg煤n lugar, aunque no parece que lo encuentre. Quiero establecer el color de fondo en una mesa y no tomar谩. Lo tengo funcionando en otro sitio de WordPress que usa el tema Twenty Seventeen, y funciona perfectamente.
Agregu茅 esto al final del archivo style.css:
.tbl-days {border-drop: drop;} .tbl-days .day {background: # fffc00} .tbl-days .info {background: # 1500b7} .tbl-days tbody td {border: 1px solid # e0e0e0; padding: 4px;} .tbl-days tbody tr: nth-child (impar) {background: rgba (255, 255, 255, .80);} .tbl-days tbody tr: nth-child (even) {background: rgba (255, 255, 255, .90);}
Y el HTML en la p谩gina se ve as铆 (he agregado temporalmente este HTML exacto y tampoco funciona):
| D铆a 1 | Informaci贸n sobre el d铆a 1 |
| Dia 2 | Informaci贸n sobre el d铆a 2 |
| D铆a 3 | Informaci贸n sobre el d铆a 3 |
El fondo de todas las filas permanece gris claro y la fila que abre el cursor cambia a blanco.
驴Hay alguna forma de superar este comportamiento predeterminado? Intent茅 agregar uno importante a cada uno de los elementos CSS, pero eso no ayud贸.
Gracias
(@ vinod-dalvi)
hace 3 a帽os
Para establecer su color, intente agregar el siguiente c贸digo CSS a la opci贸n CSS personalizado de su tema en la ruta a continuaci贸n.
Campo de administraci贸n -> Apariencia -> Personalizar -> CSS adicional
td,
tbody th {
background: #f5f1f1;
}
tr:hover td,
tr:hover th {
background: #dcd8d8;
}Puede cambiar el valor de color en el c贸digo anterior a lo que desee utilizar transmitiendo las siguientes p谩ginas.
http://www.w3schools.com/html/html_colors.asp
http://www.w3schools.com/html/html_colorvalues.asp
http://www.w3schools.com/tags/ref_colorpicker.asp
(@mikebian)
hace 3 a帽os
Gracias. Intent茅 esto, y aunque modifica el deslizamiento, todav铆a no puedo hacer que el resto de mi CSS funcione. Funciona perfectamente con otro tema, por lo que todav铆a hay algo en Travilify que est谩 violando mi CSS.
(@ vinod-dalvi)
hace 3 a帽os
Es posible que el resto de su c贸digo CSS no funcione debido a un problema de especificidad de CSS, as铆 que haga su CSS m谩s espec铆fico como se describe en las siguientes p谩ginas.
https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity
https://css-tricks.com/specifics-on-css-specificity/
https://www.smashingmagazine.com/2007/07/css-specificity-things-you-should-know/
驴Solucion贸 tu problema??
0 / 0