Table tr td background de Elementor

En este corto artículo te quiero compartir un pequeño código para que puedas cambiar o quitar el color que viene por defecto en la Table tr td background de Elementor. más exactamente en la etiqueta TR.

En mi caso, he tenido que usarlo varias veces en el widget de «añadir al carrito»donde me sale por defecto el color gris.

Lo único que tienes que hacer es copiar y pegar el código que tienes a continuación y pegarlo en los estilos personalizados CSS de tu sitio web.

Lo puedes hacer en:

• Los estilos globales de Elementor en Ajustes > «CSS Personalizado»
• La pestaña avanzado > «CSS personalizado» del widget donde quieras cambiar el color.
• En los estilos «globales» o parte de la maquetación donde estés trabajando de la página, para ello te vas a la «rueda dentada» o «piñon» y allí en la pestaña avanzado tienes la caja de «CSS personalizado».

No sobra decir que cuando pegues el código debes guardar los cambios.

Código CSS para cambiar el color en la table tr td background de Elementor

/* quitar el color de fondo de las líneas de la etiqueta table y tr */

table tbody>tr:nth-child(odd)>td, table tbody>tr:nth-child(odd)>th {
  background-color : transparent;
}
table tbody tr:hover>td, table tbody tr:hover>th{
	background-color : transparent;
}

Verás que al poner el código, automáticamente el color gris de fondo desaparece.

Quitar o cambiar el color en Table tr td background de Elementor es realmente fácil, por lo que espero que este pequeño truco en CSS te haya servido, si es así, me encantaría leerlo en los comentarios de esta entrada. O si tienes alguna duda, no dudes en comentarla.