Table tr td background de Elementor

Table tr td background de Elementor

Tabla de contenido

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.

Table tr td background de Elementor

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.

CSS personalizado Elementor

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.

Comparte este artículo

¿Que tal te pareció este artículo?

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Información base sobre privacidad:
Responsable: Sebastián Echeverri (portafolio@sebasweb.net)
Fin del tratamiento: Moderación de comentarios para evitar spam
Legitimación: Tu consentimiento
Comunicación de los datos: No se comunicarán los datos a terceros salvo por obligación legal
Derechos: Acceso, rectificación, portabilidad, olvido

Recomiendo:

Sobre la afiliación…

Para mantener este blog, cuento parcialmente con el respaldo de enlaces de afiliación, los cuales generan una pequeña comisión si decides adquirir algo a través de ellos. Esto no implica ningún gasto adicional para ti y solo enlazo productos que personalmente he utilizado y recomiendo.

También te podría interesar ver estos artículos

Nuevo icono de Twitter en Elementor

Con el cambio de imagen corporativa de Twitter es necesario cambiar el icono del tradicional pajarito por la...

Cómo cambiar la opacidad y el color del placeholder en el formulario de Elementor

Si llegaste a este artículo es porque necesitas saber cómo cambiar la opacidad y el color del placeholder...

Child Theme hello Elementor

Si estás buscando una forma de personalizar tu sitio web de WordPress creado con el plugin Elementor, estás...

Habilitar Rank Math SEO en las plantillas de Elementor

Si estás añadiendo contenido a las plantillas de Elementor, es posible que necesites optimizar tu plantilla para SEO...

Los cambios que hago con Elementor no se ven en línea [posibles soluciones]

En este artículo, te quiero compartir una solución para un problema con el que a veces me he...

Popup de Elementor no cierra en la versión mobile

Si llegaste a esta entrada es porque seguramente tienes problemas porque tu popup de Elementor no cierra en...

Algunas plataformas con las que trabajo

No te vayas sin tu regalo!

Apúntate a la newsletter y recibirás GRATIS un pack exclusivo de plantillas para Elementor PRO

Apúntate GRATIS a la newsletter y llévate de regalo un pack de plantillas exclusivas para Elementor!

SUSCRÍBETE

No te pierdas los artículos y trucos relacionados con WordPress, Elementor y diseño y desarrollo web en general.