Making table background transparent

Hi Andrea,

thanks for your question!

Yes, that’s possible. By default, it should be enough to uncheck the “Alternating Row Colors” checkbox on the “Edit” screen of your table. After that, TablePress will not apply a background color to the table, so that the background of the page will shine trough.

It might however be possible, that your theme also adds a background to table cells, so that this will not work directly. In that case, we’ll need extra CSS code to make the table transparent. So, if my suggestion with the checkbox does not work, please post a link to the page with the table, and I’ll take a look.

Regards,
Tobias

Hi Rod,

thanks for your question, and sorry for the trouble.

in your case, the problem is caused by the theme, which adds its own “Alternating row colors” feature. You’ll therefore have to set the colors to transparent manuelly, e.g. with this “Custom CSS”:

.tablepress-id-3 tr,
.tablepress-id-3 th,
.tablepress-id-3 td {
  background-color: transparent !important;
}

Regards,
Tobias

Hi,

thanks for your post, and sorry for the trouble.

Please leave the “Alternating row colors” checkbox uncheck. Then, extend the “Custom CSS” to:

.tablepress-id-2,
.tablepress-id-2 tr,
.tablepress-id-2 th,
.tablepress-id-2 td {
  background-color: transparent !important;
}

In your case, the theme also gives a background color to the actual table element.

Regards,
Tobias