Title: [Plugin: WP-Table Reloaded] Custom CSS not working
Last modified: August 19, 2016
---
# [Plugin: WP-Table Reloaded] Custom CSS not working
* [elunicotomas](https://wordpress.org/support/users/elunicotomas/)
* (@elunicotomas)
* [15 years, 8 months ago](https://wordpress.org/support/topic/plugin-wp-table-reloaded-custom-css-not-working/)
* Hi there, i have this table: [ I’m trying to change first row’s color. I go to Plugin options, UNMARK Default CSS (i guess that is correct) and in default CSS paste this code e.g.:](http://www.huracan3arroyos.com.ar/?page_id=244)
* .wp-table-reloaded-id-1 .row-1 td {
background-color: red; }
* but it’s not working.
* And also, how can i make the table fit properly in the page???
* Thanks!!!
Viewing 8 replies - 1 through 8 (of 8 total)
* Thread Starter [elunicotomas](https://wordpress.org/support/users/elunicotomas/)
* (@elunicotomas)
* [15 years, 8 months ago](https://wordpress.org/support/topic/plugin-wp-table-reloaded-custom-css-not-working/#post-1693973)
* don’t know how to edit the post and left the table’s link in the whole text,
sorry 😛
* [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
* (@tobiasbg)
* [15 years, 8 months ago](https://wordpress.org/support/topic/plugin-wp-table-reloaded-custom-css-not-working/#post-1694007)
* Hi,
* thanks for your question.
* No, you should not uncheck the “Default CSS” checkbox, please leave it checked.
* Then, the first row needs some “special” treatment, because it is a table head
row. Instead of `td` you need to use `th` in the code.
* Please try this:
* ```
.wp-table-reloaded-id-1 .row-1 th {
background-color: red;
}
```
* Best wishes,
Tobias
* Thread Starter [elunicotomas](https://wordpress.org/support/users/elunicotomas/)
* (@elunicotomas)
* [15 years, 8 months ago](https://wordpress.org/support/topic/plugin-wp-table-reloaded-custom-css-not-working/#post-1694025)
* thanks! it worked perfectly…now what’s the thing with the **th** instead of **
td**? i mean in which cases you use one instead of the other?
* And one other thing, how can i make the table fit properly in the page???
* Thanks!!!
* [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
* (@tobiasbg)
* [15 years, 8 months ago](https://wordpress.org/support/topic/plugin-wp-table-reloaded-custom-css-not-working/#post-1694054)
* Hi,
* the `th` is usually used only for the table head, i.e. the first row of a table,
as it something “special”, because it contains the description of the data in
the columns.
All “regular” rows, which just contain data, use the `td` HTML
tag.
* To fix the width of the table, you’ll need to make the columns smaller, by reducing
the margins within the cells, i.e. the “padding”. This is done with the following
CSS code:
* ```
.wp-table-reloaded-id-1 th, .wp-table-reloaded-id-1 td {
padding: 4px!important;
}
```
* Best wishes,
Tobias
* Thread Starter [elunicotomas](https://wordpress.org/support/users/elunicotomas/)
* (@elunicotomas)
* [15 years, 8 months ago](https://wordpress.org/support/topic/plugin-wp-table-reloaded-custom-css-not-working/#post-1694085)
* Tobias! thanks again, it also worked!
I have a few more though.. I want the
text on the first row not to have that kid of shadow, just plain white and bold
text. I turned it white by: text text but i don’t
know ho to get rid of that shadow. And one more, how ca i set a fixed column
width?
* Thanks in advance!
* [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
* (@tobiasbg)
* [15 years, 8 months ago](https://wordpress.org/support/topic/plugin-wp-table-reloaded-custom-css-not-working/#post-1694121)
* Hi,
* the following additional CSS code will remove the shadow (which is introduced
by your theme) and make the text in the table white (that way you don’t need
to use the old and deprecated `` HTML tag).
* ```
.wp-table-reloaded-id-1 th {
text-shadow: 0px!important;
color: #ffffff!important;
}
```
* Best wishes,
Tobias
* Thread Starter [elunicotomas](https://wordpress.org/support/users/elunicotomas/)
* (@elunicotomas)
* [15 years, 8 months ago](https://wordpress.org/support/topic/plugin-wp-table-reloaded-custom-css-not-working/#post-1694143)
* Tobias! thanks again, that piece of code didn’t work BUT I replace the line:
_
text-shadow: 0px!important;_
* for this line:
* _ text-shadow: none;_
* (btw, how you show text in posts like you show code?)
* One more, How do i set a fixed column width??? please
* thanks !
* [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
* (@tobiasbg)
* [15 years, 8 months ago](https://wordpress.org/support/topic/plugin-wp-table-reloaded-custom-css-not-working/#post-1694148)
* Hi,
* oh, yes `none` instead of the pixel value is correct, sorry.
* To show the text like code, just select the text and click the `code` button
above the text field here. That will insert ` characters which result in the
code formatting.
* And sorry about forgetting about the column widths… You can find the answer in
the FAQ on my website: [http://tobias.baethge.com/wordpress-plugins/wp-table-reloaded-english/faq/](http://tobias.baethge.com/wordpress-plugins/wp-table-reloaded-english/faq/)
(
However, be advised, that in most cases, the width can not really be influenced,
due to the size of the text, margin and padding in cells.)
* Best wishes,
Tobias
Viewing 8 replies - 1 through 8 (of 8 total)
The topic ‘[Plugin: WP-Table Reloaded] Custom CSS not working’ is closed to new
replies.
## Tags
* [problem](https://wordpress.org/support/topic-tag/problem/)
* [table](https://wordpress.org/support/topic-tag/table/)
* 8 replies
* 2 participants
* Last reply from: [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
* Last activity: [15 years, 8 months ago](https://wordpress.org/support/topic/plugin-wp-table-reloaded-custom-css-not-working/#post-1694148)
* Status: not resolved
## Topics
### Topics with no replies
### Non-support topics
### Resolved topics
### Unresolved topics
### All topics