Title: CSS problem Last modified: May 2, 2023 --- # CSS problem * Resolved [Mordechaj](https://wordpress.org/support/users/mordechaj/) * (@mordechaj) * [3 years, 1 month ago](https://wordpress.org/support/topic/css-problem-101/) * I have a problem with css, the font color in the tables is not changing. It’s still black even though I added the css code: * .tablepress-id-N tbody td { font-family: Tahoma;font-size: 14px;font-weight: bold;color: #cfad66;} * This happened after plugin update (I don’t know which version exactly) Before the css for the font was working. * It seems that the table css in wordpress is overriding the font color from the plugin.? * Below is the entire css code added to the plugin: * ```wp-block-code .tablepress thead th,.tablepress tfoot th {background-color: #d08000;} .tablepress tr,.tablepress tbody td,.tablepress thead th,.tablepress tfoot th {text-align: center;vertical-align: middle;} .tablepress thead .sorting_asc,.tablepress thead .sorting_desc,.tablepress thead .sorting:hover {background-color: #44341c;} .tablepress .odd td {background-color: #44341c;} .tablepress .even td {background-color: #44341c;} .tablepress .row-hover tr:hover td {background-color: #cfad66;} .tablepress-id-N tbody td {font-family: Tahoma;font-size: 14px;font-weight: bold;color: #cfad66;} .tablepress tr,.tablepress tbody td,.tablepress thead th,.tablepress tfoot th {border-color: #d08000;} ``` - This topic was modified 3 years, 1 month ago by [Mordechaj](https://wordpress.org/support/users/mordechaj/). Viewing 7 replies - 1 through 7 (of 7 total) * Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/) * (@tobiasbg) * [3 years, 1 month ago](https://wordpress.org/support/topic/css-problem-101/#post-16703706) * Hi, * thanks for your post, and sorry for the trouble. * The CSS selector `.tablepress-id-N tbody td {` is not complete here (see [https://tablepress.org/faq/change-font-family-size-color/](https://tablepress.org/faq/change-font-family-size-color/)). You will either need to change the `N` to a table ID, or if you want to have this applied to all TablePress tables, use `.tablepress tbody td {` * Regards, Tobias * Thread Starter [Mordechaj](https://wordpress.org/support/users/mordechaj/) * (@mordechaj) * [3 years, 1 month ago](https://wordpress.org/support/topic/css-problem-101/#post-16703978) * Thanks, the bold font works, but the font color is still not changed, it’s black and I don’t know why. * .tablepress tbody td { font-family: Tahoma;font-size: 14px;font-weight: bold; color: #cfad66; <—————– color doesn’t work ???? } * Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/) * (@tobiasbg) * [3 years, 1 month ago](https://wordpress.org/support/topic/css-problem-101/#post-16703984) * Hi, * Can you please post a link to the page with the table where this problem happens, so that I can take a direct look? Thanks! * Regards, Tobias * Thread Starter [Mordechaj](https://wordpress.org/support/users/mordechaj/) * (@mordechaj) * [3 years, 1 month ago](https://wordpress.org/support/topic/css-problem-101/#post-16704398) * There are two tables in the middle of the site: * [https://settlersonlinewiki.eu/](https://settlersonlinewiki.eu/) - This reply was modified 3 years, 1 month ago by [Mordechaj](https://wordpress.org/support/users/mordechaj/). * Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/) * (@tobiasbg) * [3 years, 1 month ago](https://wordpress.org/support/topic/css-problem-101/#post-16706603) * Hi, * thanks! I would actually recommend that you switch to the more modern CSS approach using variables here. So, please try * ```wp-block-code .tablepress tr,.tablepress tbody td,.tablepress thead th,.tablepress tfoot th { text-align: center; vertical-align: middle } .tablepress tbody td { font-family: Tahoma; font-size: 14px; font-weight: 700; } .tablepress { --text-color: #cfad66; --border-color: #d08000; --head-text-color: #111111; --head-bg-color: #d08000; --head-active-text-color: #d08000; --head-active-bg-color: #44341c; --odd-bg-color: #44341c; --even-bg-color: #44341c; --hover-text-color: #111111; --hover-bg-color: #cfad66; } ``` * To see what these mean, please go though the different examples at [https://tablepress.org/faq/](https://tablepress.org/faq/) * Regards, Tobias * Thread Starter [Mordechaj](https://wordpress.org/support/users/mordechaj/) * (@mordechaj) * [3 years, 1 month ago](https://wordpress.org/support/topic/css-problem-101/#post-16707065) * Thank you, now everything works properly. * Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/) * (@tobiasbg) * [3 years, 1 month ago](https://wordpress.org/support/topic/css-problem-101/#post-16707235) * Hi, * no problem, you are very welcome! 🙂 Good to hear that this helped! * Best wishes, Tobias * P.S.: In case you haven’t, please rate TablePress [here](https://wordpress.org/support/plugin/tablepress/reviews/#new-post) in the plugin directory. Thanks! Viewing 7 replies - 1 through 7 (of 7 total) The topic ‘CSS problem’ is closed to new replies. * ![](https://ps.w.org/tablepress/assets/icon.svg?rev=3192944) * [TablePress - Tables in WordPress made easy](https://wordpress.org/plugins/tablepress/) * [Frequently Asked Questions](https://wordpress.org/plugins/tablepress/#faq) * [Support Threads](https://wordpress.org/support/plugin/tablepress/) * [Active Topics](https://wordpress.org/support/plugin/tablepress/active/) * [Unresolved Topics](https://wordpress.org/support/plugin/tablepress/unresolved/) * [Reviews](https://wordpress.org/support/plugin/tablepress/reviews/) * 7 replies * 2 participants * Last reply from: [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/) * Last activity: [3 years, 1 month ago](https://wordpress.org/support/topic/css-problem-101/#post-16707235) * Status: resolved