[Plugin: WP-Table Reloaded] Formatting Help?

Hi,

This requires a little bit of CSS code:
Just add the following to the CSS on the “Plugin Options”:

.wp-table-reloaded td {
text-align:center;
vertical-align:middle;
}

This will center the text horizontally and vertically.

To change the border, just change the color in the CSS (a color value looks like #ABCDEF).

Hope this helps!
Tobias

Hi,

no, the admin-style.css is ONLY for the styling of the admin part of WP-Table Reloaded! Those settings do NOT affect the layout of a table on a post/page!

It would be the easiest, if you could provide the URL to your site, so that we can see the table in question.
And then please describe, which border you want in what color.

Regards,
Tobias

Hi,

if you don’t want all tables to look the same, just the different CSS selectors that are provided:
.wp-table-reloaded-id-X instead of just .wp-table-reloaded

Example:

.wp-table-reloaded-id-3 td { color: red; }
.wp-table-reloaded-id-5 td { color: blue; }

will make the text color for table 3 red, while the text color for table 5 will be blue.
This way you can style each table individually.
In short: The selector .wp-table-reloaded applies to every table created by the plugin, while .wp-table-reloaded-id-XYZ only applies to the table with the ID XYZ.

For your second issue: I don’t quite understand why that shouldn’t be working. Are you applying the background with CSS? Then the text should be over it.
Can you post a link to an example page?

Tobias

Tobias, I have a formatting question for you similar to the first post on this thread. I have an image in one column and text in the corresponding column. Is there a way to center the text in the box in terms of vertical space? I want the text to be in the center of the box, not at the top. (ex: http://stonedesigns.net/?page_id=54)

Thanks for this great plugin! 🙂

hi, can you please go through this page and tell me how to fix this.
http://www.maldivestourism.info/mti/resorts

im using the theme “inove”

Tobias,

Great plugin! Once quick question:

in a previous reply you demonstrated how to add css selectors so different tables appear differently. However, where do you select the css for a particular table?

Thanks
Jon

Hi Tobias —

I’m having a hard time figuring out the css for adjusting my column widths. I’m not sure why this is but currently they’re different across the three tables I’ve created despite the fact that so far as I know, I’ve only changed colors inside the plugin css area.

I’m not great with css but I poked around online and was able to find some info but I’m not sure how to properly select for the columns with css. For now, I’m just going to try and make them uniform across all of my tables without customizing individual ones (that will probably come later). I can’t imagine it’s that difficult but I ask it here since I’m guessing others will have also wondered about this.

My site is here and you can see what I mean.

Hi, I have a similar question to the first one in this thread.

I want to have the text centered in all the cells except for the first column, where I want them to be left-aligned.

I’ve tried every variation I can think of, but no matter what I do, the whole table does one or the other. I can’t get Column A to behave differently than the other columns. Here is what I have currently:

.wp-table-reloaded td {
font-family: Arial, Helvetica, Sans-serif;
font-size: 12px;
color: #000000;
text-align:center;
}

.wp-table-reloaded .column-A td {
text-align:left;
}

I’ve also tried changing the columns IDs to numbers since that is what is shown in your documentation. I’ve tried taking the text-align out of the main td css as above and doing a separate css setting for Column A with left align and another one for Columns B-H with center align. I’ve tried doing it with and without the td, and also th. And I think 2 or 3 other things I can’t remember anymore.

What am I doing wrong?