[Plugin: WP-Table Reloaded] Same codes for all tables?

Resolved camid
(@camid)

13 years, 10 months ago

hello again 😀
is it possible to shorten the list of codes a bit – with sticking some things together?

As an example:
I changed the table head background color of each table like this:
.wp-table-reloaded-id-21 th { background-color: #76B6A5!important;}
.wp-table-reloaded-id-20 th { background-color: #76B6A5!important;}
.wp-table-reloaded-id-19 th { background-color: #76B6A5!important;}
.wp-table-reloaded-id-18 th { background-color: #76B6A5!important;}
.wp-table-reloaded-id-17 th { background-color: #76B6A5!important;}
.wp-table-reloaded-id-15 th { background-color: #76B6A5!important;}
.wp-table-reloaded-id-14 th { background-color: #76B6A5!important;}
.wp-table-reloaded-id-13 th { background-color: #76B6A5!important;}
.wp-table-reloaded-id-11 th { background-color: #76B6A5!important;}
.wp-table-reloaded-id-10 th { background-color: #76B6A5!important;}
.wp-table-reloaded-id-9 th { background-color: #76B6A5!important;}
.wp-table-reloaded-id-8 th { background-color: #76B6A5!important;}
.wp-table-reloaded-id-7 th { background-color: #76B6A5!important;}
.wp-table-reloaded-id-6 th { background-color: #76B6A5!important;}
.wp-table-reloaded-id-5 th { background-color: #76B6A5!important;}
.wp-table-reloaded-id-4 th { background-color: #76B6A5!important;}
.wp-table-reloaded-id-3 th { background-color: #76B6A5!important;}
.wp-table-reloaded-id-1 th { background-color: #76B6A5!important;}

so now i’ve got a long list … can this be all together in one short css code ? Because the tables have to look alike anyway ….

thanks for ur help 😛

http://ww.wp.xz.cn/extend/plugins/wp-table-reloaded/

Viewing 3 replies - 1 through 3 (of 3 total)

Plugin Author

Tobias Bäthge

(@tobiasbg)

13 years, 10 months ago

Hi,

to just shorten your CSS code, you could go with

.wp-table-reloaded-id-21 th,
.wp-table-reloaded-id-20 th,
.wp-table-reloaded-id-19 th,
.wp-table-reloaded-id-18 th,
.wp-table-reloaded-id-17 th,
.wp-table-reloaded-id-15 th,
.wp-table-reloaded-id-14 th,
.wp-table-reloaded-id-13 th,
.wp-table-reloaded-id-11 th,
.wp-table-reloaded-id-10 th,
.wp-table-reloaded-id-9 th,
.wp-table-reloaded-id-8 th,
.wp-table-reloaded-id-7 th,
.wp-table-reloaded-id-6 th,
.wp-table-reloaded-id-5 th,
.wp-table-reloaded-id-4 th,
.wp-table-reloaded-id-3 th,
.wp-table-reloaded-id-1 th {
  background-color: #76B6A5!important;
}

Another idea would be to change the default value of the background color for ALL tables, and then basically reverse that for the tables not in your list:

.wp-table-reloaded th {
  background-color: #76B6A5!important;
}
.wp-table-reloaded-id-2 th,
.wp-table-reloaded-id-12 th,
.wp-table-reloaded-id-16 th {
  background-color: #E6EEEE !important;
}

The first block here would make your new color the default, while the second block would revert this setting for all tables not in your original list.

Regards,
Tobias

Thread Starter

camid

(@camid)

13 years, 10 months ago

worked perfectly fine for me 🙂 thanks again 🙂
Best support ! thanks 🙂

Plugin Author

Tobias Bäthge

(@tobiasbg)

13 years, 10 months ago

Hi,

great to hear that 🙂 Thanks for the confirmation that this worked!