[Plugin: WP-Table Reloaded] Can't get column widths to size properly

Hi,

thanks for your post.

The CSS you are using looks correct to me.

Can you please post the link to the page with your table? I can then try to find out why it is not working.

Regards,
Tobias

Hi Tobias,

Thanks for the speedy response. Here’s the link: https://www.whidbeyartsource.com/2012/03/table/

I’m trying to put our newsletter up on this page by essentially cutting and pasting sections of it so the first part is just a regular post, then when you scroll down you’ll see where I set up the first table of 4 rows, 2 columns. After this section, I wanted to put in another table with 4 rows and 3 columns.

Also, I noticed that the font size is smaller than the default font size on the site. Would I change the font size for the table in the same CSS field in the options section?

thanks for your help,

Jan

p.s. By the way, I love this plugin — what a time saver.

Hi Tobias,

I was hoping you saw my last post. It’s been a while so I thought I’d check in. Did you have a chance to look at the the site?

Jan

Hi Jan,

sorry for the delay, I was sick and wasn’t able to answer yet. Sorry.

Yes, you can set the font size vias “Custom CSS”, like this:

.wp-table-reloaded {
  font-size: 14px !important;
}

This should result in the same font size as in the regular text.

Regards,
Tobias

Sorry to hear you weren’t feeling well. Hope your better now. thank you for your response but I noticed that you didn’t answer my first question in this topic. You had asked for the link which I added it to my message that included the font question.

Can you look at my site: https://www.whidbeyartsource.com/2012/03/table/ and tell me how to size the columns so that they are equal. The right column is wider. Please refer to my first post.

thanks again.

Hi,

oh, sorry, I somehow missed that first question…

The widths are not working, because you added the CSS code to the wrong fields. It is not supposed to go into the “Extra CSS class” field on each table’s “Edit” screen, but into the “Custom CSS” textarea on the “Plugin Options” screen.

Regards,
Tobias

hi Tobias

i am trying to get the columns of all my tables on a given page to be same width.

i have a 3 column table that is replicated several times on my page and have this CUSTOM CSS in place:

.wp-table-reloaded .column-1 { width: 10%; } .wp-table-reloaded .column-2 { width: 80%; } .wp-table-reloaded .column-3 { width: 10%; } .wp-table-reloaded { width: auto!important; }

but it is not showing the columns evenly in each table — can you assist?

thanks

Phil

Hi Phil,

the CSS looks correct, but to find out what’s wrong, I’d need to take a look at the page. Can you please post the URL to the page with the table?

Regards,
Tobias

Hello,

I am new to WordPres..I have been battling this for 2 hours now.. I was able to figure everything else done, increased font size, bolding, centering, but i cannot get the columns to be the same with! I have this entered in the PlugInn Custom CSS section

.wp-table-reloaded-id-1 .column-A {
width: 50%
}
.wp-table-reloaded-id-1 .column-B {
width: 50%
}
.wp-table-reloaded-id-1 td {
font-family: Tahoma;
font-size: 12px;
color: #000000;

Please help..

disregard previous question.. I left for an hour and it just “did it” when I returned.. thanks

Hi,

weird that it works now ?? You’ll actually need to change the code above to count the column numerically, like .column-1 and .column-2 instead of .column-A and .column-B.

Regards,
Tobias

Tobias,

Thanks for the feedback. I have a question however about the numerical reference to the columns. I didn’t create this table, took over the editing of it. The columns have an A and B over them and the Rows are numbered.. that is why I labeled the code like I did.. is that incorrect?

thanks

Hi,

the naming in the CSS code and in the user interface is indeed different. The reason is that this way, the user interface looks more similar to Excel, for example, while the numerical naming in the code is easier from a developer point of view.

So, for the rows, in the CSS code, it is .row-1, .row-2, … and for the columns it is .column-1, .column-2, … (where A is 1, B is 2, and so on).

Regards,
Tobias