Table Width

I think I got this one in the bag ?? ..finally

Hi,

sorry for all that trouble, but this is simply how tables in browsers work ??

Regards,
Tobias

Hi Tobias, I really appreciate your input and excellent support. I have now figured out most of my tables except one and was wondering if you could give me another hand with it please.

On this page https://www.gcsb.com.au/wp/?page_id=39 as you can see only the top table I am having problem with.

In my table option css I have as below. Basically I want the table to span (960pixels wide like the tables below to match but cell ‘COURSE’ which is ‘.tablepress-id-33 .column-2 ‘ needs to be much wider to fill the content text.

I have already assigned pixel value but it is ignoring it. On the other hand if I change the pixel value in the last cell ‘COURSE FEES’ to 960px then page becomes wide but cell ‘COURSE’ (.tablepress-id-33 .column-2 ) still far too narrow for it’s content.

Once this page looks fine rest of the pages with the same cell content should be the same. Meaning on the menu Courses > Diploma & Certificate Courses (there are 5 of them).

Can you please suggest a solution?
Thank you

Table option CSS
/* Course Summary – (All) Course Summary [table id=33,38,46,47,50 /] */
.tablepress-id-33,
.tablepress-id-38,
.tablepress-id-46,
.tablepress-id-47,
.tablepress-id-50 .column-1 {
width: 66px !important;
}

.tablepress-id-33,
.tablepress-id-38,
.tablepress-id-46,
.tablepress-id-47,
.tablepress-id-50 .column-2 {
width: 509px !important;
}

.tablepress-id-33,
.tablepress-id-38,
.tablepress-id-46,
.tablepress-id-47,
.tablepress-id-50 .column-3 {
width: 129px !important;
}

.tablepress-id-33,
.tablepress-id-38,
.tablepress-id-46,
.tablepress-id-47,
.tablepress-id-50 .column-4 {
width: 128px !important;
}

.tablepress-id-33,
.tablepress-id-38,
.tablepress-id-46,
.tablepress-id-47,
.tablepress-id-50 .column-5 {
width: 104px !important;
}

Hi,

first of all: No need to post your CSS code, I can see that in the page ??

Then: Your CSS code is not yet combined correctly. Please see my post above again for the correct way to merge selectors. You’ll need to the .column-123 part in all lines.

Regards,
Tobias

Hi Tobias-
I’m having trouble getting my table to work on Firefox. The last column gets cut off. My theme width is 940px and I changed my 4 images so that are 220 px or less. After reading the posts above, I added this to the custom CSS

.tablepress-id-2 td img {
border: none;
padding: none;
margin-bottom: 0;
}

but that doesn’t seem to have fixed the problem.
And if this email sounds like I know what I’m talking, don’t be fooled.

Tobias, sorry if this has been covered else where… i too have moved from WPTR to table press and the import worked fine apart from all of my 100+ tables are slightly too wide for my new theme.

is there some custom CSS that will limit the width of all tables created?

IE max-width 530px

see example – https://indigotesting.co.uk/europcar-car-hire/

Thanks

Hi,

thanks for your questions, and sorry for the late answer. As I was on vacation, I didn’t have a chance to reply earlier.

@knitandcrochet:
In the link that you posted, I can’t really see a problem. Could you maybe post a link to a page that shows the problem more clearly? Or maybe a screenshot?

@rgonline:
That’s probably caused by the larger default padding in TablePress. My suggestion would be to reduce that the value that is used in WP-Table Reloaded, so that the widths should be smaller, just as before. To do that, please add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

.tablepress th,
.tablepress td {
  padding: 4px;
}

Regards,
Tobias

The problem is happening in Firefox only, as far as I can tell, so you have to go to this link using Firefox. (I can’t figure out how to post a screenshot on this forum.)

Hi,

ah, thanks for the clarification. I must have missed that…
To fix this, you’ll have to slightly modify your “Custom CSS”, from what I can see. Please extend the last part to

.tablepress-id-2 td img {
	border: none;
	padding: 0 !important;
	margin-bottom: 0 !important;
	margin-right: 0 !important;
}

Regards,
Tobias

That worked! Thank you very much! and I bought you a coffee…

Hi,

great to hear that this helped! ?? And thanks for the coffee, I really appreciate it!

Best wishes,
Tobias

P.S.: In case you haven’t, please rate TablePress here in the plugin directory. Thanks!

Using tablepress on DansDeals.com

There’s a chart a couple posts down that display too wide in Firefox and cover up the sidebar.

When you click directly on the post the format is fine: https://www.dansdeals.com/archives/32877

Any tips for how to fix how it’s displayed on the homepage?

Hi,

thanks for your post, and sorry for the trouble.

Now, I just checked this on my computer, but can not reproduce this properly. I can however see that the font size in the table is bigger on the homepage, so that might be a reason. To fix this, please add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

.tablepress {
  font-size:13px;
}

Regards,
Tobias

Doesn’t seem to have done anything.
Is there any place to confirm that the custom css was properly saved?

Hi,

indeed, it looks like the “Custom CSS” was not saved. Can you please check again if you entered it into the “Custom CSS” textarea on the “Plugin Options” screen, and that it looks like what I posted above?

Regards,
Tobias