How do i add borders to this table

Hi,

thanks for the question!

To add borders, please try pasting this code into the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

.tablepress-id-2 th,
.tablepress-id-2 td {
    border: 1px solid #dddddd;
}

To get a hover effect on the cells, I suggest this “Custom CSS”

.tablepress-id-2 td:hover {
    background-color: #ff0000;
}

(You might want to turn off “Row Highlighting” on the table’s “Edit” screen as well.)

Regards,
Tobias

Hi,

good to hear that this helped!

And I can confirm that the ads are not loading. I have seen this before, but I don’t know why it happens. The HTML code of the table is fine, so my assuption is that the browsers don’t like the way how an iframe (for the ad) is used inside a table.

Unfortunately, there’s nothing that I can change about this in TablePress, and therefore, you might need to look for a different solution, e.g. with using <div> HTML elements, to create a table-like layout.

Regards,
Tobias

Hi,

very nice! Great to hear that this thread could be solved 🙂

Best wishes,
Tobias

P.S.: In case you haven’t, please rate TablePress here in the plugin directory. Thanks!