TablePress link color

Hi,

thanks for your question, and sorry for the trouble.

For this, please add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

.tablepress td a {
  color: #ff0000;
}

Regards,
Tobias

• This reply was modified 7 years, 7 months ago by TobiasBg.

posted by mistake

• This reply was modified 7 years, 7 months ago by nirwakingapp.

thank you.
however, unfortunately, your CSS did not do any difference (resolved message was marked by error).

I’m attaching some images of the problem i’m encountering so it may be clearer
not hovering
https://www.dropbox.com/s/2emxsnatyyvve1x/Screenshot%202017-05-03%2013.33.28.png?dl=0

hovering
https://www.dropbox.com/s/cb7k5ed0cpinoma/Screenshot%202017-05-03%2013.33.30.png?dl=0

I want to change the not hovering color from orange to white #ffffff

the CSS I already implemented is this (last line was the code you recommended)

/* Header and footer */
.tablepress thead th,
.tablepress tfoot th {
	color: #ffffff !important;
	background-color: #f07423;
}

/* header only*/
.tablepress thead th {
	font-size: 24px;
}

/* body font size and color*/
.tablepress-id-1 tbody td {
	font-family: Open-Sans;
	font-size: 20px;
	color: #000000;
}

.tablepress td a {
	color: #ffffff;
}

edit:
a bit of impovising, i managed to make it work if i changed it to

.tablepress tfoot a {
	color: #ffffff;
}

but I did want it to turn gray upon hovering and now it is gone as well

both hovered and unhovered
https://www.dropbox.com/s/azeavel5cyhabz5/Screenshot%202017-05-03%2013.44.33.png?dl=0

• This reply was modified 7 years, 7 months ago by nirwakingapp.
• This reply was modified 7 years, 7 months ago by nirwakingapp.
• This reply was modified 7 years, 7 months ago by nirwakingapp.
• This reply was modified 7 years, 7 months ago by nirwakingapp.
• This reply was modified 7 years, 7 months ago by nirwakingapp.

Hi,

ah, this is in the table foot.

Then, maybe try this:

.tablepress tfoot th a {
	color: #ffffff;
}
.tablepress tfoot th a:hover {
	color: #333333;
}

Regards,
Tobias

bingo!
works like charm

what’s the ‘th a’ part means?

Hi,

no problem, you are very welcome! ?? Good to hear that this helped!

The th a part refers to all links (a elements) inside a header or footer cell (th). The th is probably not necessary here, but it doesn’t hurt either.

Best wishes,
Tobias

P.S.: In case you haven’t, please rate TablePress here in the plugin directory. Thanks!

thank you,
we can close this ticket

p.s – rated

Hi,

thanks, I really appreciate that!

Best wishes,
Tobias

For those of you wanting different colours, keep the total 000000 to six but move the f along the six so for example blue is 0000f0

Hi pumpman8242,

you could replace this value with any valid HEX string, e.g. from https://www.color-hex.com/

Regards,
Tobias