---
title: "Table tr td background de Elementor"
description: "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..."
url: https://sebasweb.net/table-tr-td-background-de-elementor/
date: 2023-07-04
modified: 2025-01-21
author: "Sebasweb"
image: https://sebasweb.net/wp-content/uploads/2023/07/Table-tr-td-background-de-Elementor.jpg
categories: ["Elementor"]
type: post
lang: es
---

# 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 (https://url.sebasweb.net/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.

!(https://sebasweb.net/wp-content/uploads/2023/07/Table-tr-td-background-Elementor.jpg)

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.

!(https://sebasweb.net/wp-content/uploads/2023/07/css-personalizado-elementor.jpg)

Quitar o cambiar el color en Table tr td background de (https://url.sebasweb.net/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.