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

Thanks!! that worked nicely

For some reason my product ad’s wont load properly to my table, i wonder what might be the problem, i have been trying to stretch table, but i think that wont help.

*randomly table gives an invicible feature to some pictures ??

Might not be even tablepress issue, this is weird

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

Yes tables are now superior!
I need to test changing the width of the cell’s, im not sure did it help.
But this thread is now solved, thanks

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!