don’t know how to edit the post and left the table’s link in the whole text, sorry 😛
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
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!!!
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
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: <FONT COLOR=”white”>text text</FONT> 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!
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 <font> HTML tag).
.wp-table-reloaded-id-1 th {
text-shadow: 0px!important;
color: #ffffff!important;
}
Best wishes,
Tobias
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 !
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/
(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
