[Plugin: WP-Table Reloaded] Formatting Multiple Tables

Hi,

yes, this is possible, with an “Extra CSS class”. You would need one for each of your four different table types, like table-type-1, table-type-2, table-type-3, and table-type-4, or whatever you want.
Then assign one such class to each of your 45 tables (by entering into the “Extra CSS class” field on the table’s “Edit” screen).
Now, you can use this in the CSS, instead of having to use the entire list of classes with tables IDs in them. Does that explanation make sense?
(You can also find an example here: https://www.ads-software.com/support/topic/plugin-wp-table-reloaded-what-css-to-put-to-change-the-backround-color-of-all-tables )

Regards,
Tobias

Thanks for your reply below.

I’ve tried replacing the code with the following

.wp-table-reloaded-id-styling-gigography td {font-family: Tahoma; font-size:
12px; color: #800000;} .column-1 {width: 50px;} .column-2 {width: 100px;}
.column-3 {width: 150px;} .column-4 {width: 230px;} .column-5 {width:
220px;} .column-6 {width: 100px;}
Here’s a page that it should be working on

https://www.eurythmics.me.uk/eurythmics-revenge/

This was the original I had for each table was the following except they all had !important after them.

.wp-table-reloaded-id-styling-gigography td {font-family: Tahoma;
font-size: 12px; color: #800000;} .column-1 {width: 50px;} .column-2 {width:
100px;} .column-3 {width: 150px;} .column-4 {width: 230px;} .column-5
{width: 220px;} .column-6 {width: 100px;}

And ive left that one in so you can see it working on this page

https://www.eurythmics.me.uk/annie-lennox-sacred-love-with-sting/

To confirm I have also added .wp-table-reloaded-id-styling-gigography into the custom commands sections of both the pages.

Let me know if you can see something stupidly obvious I have done!

Hi,

first: Please remove .wp-table-reloaded-id-styling-gigography from the “Custom Commands” field again. The entry wp-table-reloaded-styling-gigography (yes, without the dot) in “Extra CSS classes” is enough.

Now, you will need to adjust the CSS code. The main selector needs to be part of each command. Also, the “id-” part is too much. Please try

.wp-table-reloaded-styling-gigography td {font-family: Tahoma; font-size: 12px; color: #800000;}
.wp-table-reloaded-styling-gigography .column-1 {width: 50px;}
.wp-table-reloaded-styling-gigography .column-2 {width: 100px;}
.wp-table-reloaded-styling-gigography .column-3 {width: 150px;}
.wp-table-reloaded-styling-gigography .column-4 {width: 230px;}
.wp-table-reloaded-styling-gigography .column-5 {width: 220px;}
.wp-table-reloaded-styling-gigography .column-6 {width: 100px;}

Regards,
Tobias

Tobias,

You are a star once again. Thank you so much.

I think you’ve just saved me about 400 lines of code!

Cheers

Hi,

awesome! ?? Great to hear that this did the trick! ??

Best wishes,
Tobias