How to change table colour

Hi,

thanks for your question, and sorry for the trouble.

So, the CSS from the FAQ at https://tablepress.org/faq/ did not work? Can you then please post a link to the page with the table in question, and describe in detail what you would like to change? I’ll then gladly take a look.

Regards,
Tobias

the url is i want to make some of the table backgrounds a different colour, for an example all the group i would want a pale blue/green background

Hi Paul,

your reply didn’t contain a link, unfortunately ?? Can you please try again?

Thanks,
Tobias

i tried to post a link but i do it again https://xattest.org/powers/

Hi,

thanks for the link. So, have you tried the code from https://tablepress.org/faq/change-background-color-table-head-row/ in the FAQ? That will do just what you want.

Regards,
Tobias

the hover is not changing, and you know where it has id numbers 1, 2 and so on? i want to change a few of them

Hi,

to change the hover color, please try the “Custom CSS” that is explained on https://tablepress.org/faq/change-color-highlighting-hovered-rows/

And if you want to change multiple tables, just copy the for each table. The easier solution might be to remove the -id-N part from the CSS. It will then be applied to all of your tables.

Regards,
Tobias

ive worked out how to change it all, and is there an easy way just to change all the group powers row ? instead of like -id-1, -id-14 etc

Hi Paul,

to be honest, I don’t understand what exactly you want to change.
Which rows exactly? Can you maybe create a screen shot and mark the rows that you want to change?

Regards,
Tobias

if you see on this https://i.imgur.com/Sf8baT8.png if you see group power i want to change all them to 1 colour and keep the user power plain white

Hi,

ah, ok. So you want to change a row’s background color depending on its content.

Then you’ll need some CSS like this:

.tablepress-id-2 .row-71 td,
.tablepress-id-2 .row-75 td
.tablepress-id-2 .row-81 td
.tablepress-id-2 .row-85 td {
	background-color: #ff0000;
}

Do you see how that works?

Regards,
Tobias

so i need to do this for everyone?

ive done it but its not working here is my code:

.tablepress-id-1 .row-70 td,
.tablepress-id-1 .row-72 td
.tablepress-id-1 .row-74 td
.tablepress-id-1 .row-76 td
.tablepress-id-1 .row-78 td
.tablepress-id-1 .row-80 td
.tablepress-id-1 .row-82 td
.tablepress-id-1 .row-84 td
.tablepress-id-1 .row-86 td
.tablepress-id-1 .row-88 td
.tablepress-id-1 .row-90 td
.tablepress-id-1 .row-92 td
.tablepress-id-1 .row-94 td
.tablepress-id-1 .row-96 td
.tablepress-id-1 .row-98 td
.tablepress-id-1 .row-100 td
.tablepress-id-1 .row-102 td
.tablepress-id-1 .row-104 td
.tablepress-id-1 .row-106 td
.tablepress-id-1 .row-108 td
.tablepress-id-1 .row-110 td
.tablepress-id-1 .row-112 td
.tablepress-id-1 .row-114 td
.tablepress-id-1 .row-116 td
.tablepress-id-1 .row-118 td
.tablepress-id-1 .row-120 td
.tablepress-id-1 .row-126 td
.tablepress-id-1 .row-130 td
.tablepress-id-1 .row-134 td
.tablepress-id-1 .row-136 td
.tablepress-id-1 .row-140 td
.tablepress-id-1 .row-148 td
.tablepress-id-1 .row-150 td
.tablepress-id-1 .row-152 td
.tablepress-id-1 .row-156 td
.tablepress-id-1 .row-162 td
.tablepress-id-1 .row-176 td
.tablepress-id-1 .row-180 td
.tablepress-id-1 .row-184 td
.tablepress-id-1 .row-188 td
.tablepress-id-1 .row-192 td
.tablepress-id-1 .row-194 td
.tablepress-id-1 .row-200 td
.tablepress-id-1 .row-205 td
.tablepress-id-1 .row-206 td {
	background-color: #66FF66;
}

its only puting it on number 69 which i dont want

Hi,

ah, sorry, my code contains a mistake. All of the lines need to have a comma at the end, like

.tablepress-id-2 .row-71 td,
.tablepress-id-2 .row-75 td,
.tablepress-id-2 .row-81 td,
.tablepress-id-2 .row-85 td {
	background-color: #ff0000;
}

Sorry that I missed this…

And yes, this needs to be done for each row individually. I do have an idea to turn this into a TablePress Extension plugin, that can do this automatically. This is a lot of work though, and is more than what I can offer as free support. If you are interested, we could try to work something out professionally though. In that case, please send me an email (the address is in the main plugin file “tablepress.php”.)

Regards,
Tobias

so ive got to do this for every single row so 216 or just the ones i want?