Hi,
thanks for your post, and sorry for the trouble.
Yes, for that just use each table’s ID-based selector:
.tablepress-id-2 tbody td,
.tablepress-id-6 tbody td,
.tablepress-id-19 tbody td {
...
}
You can also use .tablepress (with an ID) to directly target all tables at once.
To group tables without having to add the IDs to the CSS, you can use “Extra CSS classes”, explained e.g. at https://wordpress.org/support/topic/centering-text-in-select-columns/ and https://wordpress.org/support/topic/extra-css-syntax/
Regards,
Tobias
Thanks.
I’ve set up an ID “tablepress-partners-table” and added the code to each table, however I’m not sure if that worked as the tables look different.Example below.
http://www.walkersmotorgroup-offers.co.uk/new-vauxhall-adam-partner-deals/
How can I make the table wider and rows a bit narrower? A bit like this one I found earlier – http://www.seahawkslegends.com/1977-seattle-seahawks/
Thanks
Hi,
that’s great progress! To streamline the code and to achieve what you want, I recommend to replace your “Custom CSS” with this shorter version:
.tablepress thead .sorting,
.tablepress thead .sorting_asc,
.tablepress thead .sorting_desc,
.tablepress thead .sorting:hover {
background-color: #c3c5ce;
color: #ffffff;
}
.tablepress-partners-table thead th,
.tablepress-partners-table tbody td {
text-align: center;
background-color: #f0f1f7;
font-family: arial;
font-size: 14px;
color: #111111;
padding: 4px;
line-height: normal;
}
In addition, please uncheck the “Alternating row colors” checkbox on the table’s “Edit” screen (as it’s my understanding that you don’t want that effect, but the same background color for all rows).
Regards,
Tobias
