Can't remove alternating background

Hi Andrea,

thanks for your post, and sorry for the trouble.

The reason, why you are still seeing alternating row colors is your theme. It also contains CSS code to add the zebra row striping to tables. And this will apply to all tables on the page, regardless of what the setting for “Alternating row colors” is in TablePress, and regardless actually of where the table comes from.
(Additionally, the theme adds this in a kind of weird way, but that’s another story.)

So, to change that, we’ll indeed need some more “Custom CSS” to revert/overwrite this theme behavior.
Please add this to the “Custom CSS”:

.tablepress {
  background-color: transparent !important;
}

That code will fix that “weird way” behavior. I also used the general .tablepress selector here, as all of your tables will then be affected in one go.
After that, please change your second block of code to

.tablepress-styling-2 td {
  font-size:13px;
  border: 1px solid #e1dfe1;
  background-color: transparent;
}

Note that the correct value for the background-color property is “transparent” and not “none” (something which I also only learned recently). Additionally, I shorted the CSS for the border a little bit.

Regards,
Tobias

That worked – thank you! I have another question relating to table styling. When I use the “first row of the table is the table header” – the table header background ends up being blue.

If I don’t use it though, then like the table you see here: https://papercrafterslibrary.co/stampin-up-video-gallery/su-video-gallery-projects/

There is no border at the top of the table. Is there an easy way to fix that?

Thank you,

Hi,

yes, the “Table Head” checkbox will give you a blue heading.

To fix that top border, please change the above code to

.tablepress-styling-2 td {
  font-size:13px;
  border: 1px solid #e1dfe1 !important;
  background-color: transparent;
}

(Note the !important keyword for the border property.)

Regards,
Tobias