[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

I’m having trouble finding the bit of CSS code that affects the border color. Is it somewhere in admin-style.css, or do I just need to create the code in the CSS box on “Plugin Options”? If so, what code would work for that?

Thanks so much for the code to center the cell content! It worked perfectly!

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

Hello Tobias, and first Thanks very much for your work and support.

I have spent this morning, the whole morning :), getting used to the way WP-Table Reloaded works, I could insert a background image,create and see tables, and I was wondering.. I create a table and stylish it, but what If I do not want all my tables look the same, I mean I know I can go to the plugin options and there write (or paste) the style like in your examples. So I think I missed something.. and some more, I could not set an image background and then write over it.. almost sure I missed something!.

Thanks very much!, all the best

Animal

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

Thanks Tobias,

The second issue it is coming because I did not write the first step properly let me try the way you said.. sure works!.

Thanks again for everything!

PD: as soos as I have something to show I′ll be back!

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: https://stonedesigns.net/?page_id=54)

Thanks for this great plugin! ??

Hi,

sure, that’s possible ??
Just add the following CSS to your theme’s style.css.

.wp-table-reloaded .column-2 {
vertical-align: middle;
}

Best wishes,
Tobias

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

im using the theme “inove”

Hi,

please see my answer at https://www.ads-software.com/support/topic/297913?replies=9#post-1210429

Tobias

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,

all CSS needs to be put into the “Custom CSS” textarea on the “Plugin Options” screen of WP-Table Reloaded.
There is only one single place for all CSS. The plugin does not distinguish by table.
Besides that textarea you can also put your CSS into the “style.css” file of the theme you are using.

Regards,
Tobias

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,

it looks like you managed to give them the same column widths, right? Or did I maybe not understand your question?

Regards,
Tobias

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?