Table Width

Hi,

no code or syntax necessary for that. You can simply change a table ID on the table’s “Edit” screen, in the top section. There, you’ll see an input field with the current ID, that you can change to a new ID.

Regards,
Tobias

Hi Tobias

The tables on my homepage don’t appear to default to equal with, the cells on the left appear to be larger than on the right.

Please advise how I make them both 50% wide.

Site at https://www.heliweb.co.uk

Thanks

Hi,

by default, the browser determines the width, based on the content. That’s why they are not equal in your case. In your case, please use

.tablepress-id-2 td {
  width: 50%;
}

to make them equal.

Regards,
Tobias

Thanks!

Hi,

sure, no problem!

Best wishes,
Tobias

Hi Tobias, Thanks for this plugin and awesome support.

these tables are occupying full width on my website: https://bit.ly/1b1jyM0
I don’t know whether it is normal behavior or it’s due to my theme. How can I reduce the width of entire table such that it looks neat, without occupying entire width of page.

Hi,

thanks for your question, and sorry for the trouble.

The best way to achieve this should be to add this CSS code to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

.tablepress-id-2 {
  width: auto;
}

With this, the table will be only as wide as the content requires it.

Regards,
Tobias

thanks Tobias, that did it. Another problem I’m having is with the table here: bit.ly/17AwFxJ the table head is colorless. I tried to change color using Snippet in your website’s FAQ. But it did not change the color of header.

Hi,

good to hear that this helped!

About the missing color: The problem there is that your theme also sets the background color of the table head rows. Therefore, the CSS to change it has to be more “aggressive”. Please try again with e.g.

.tablepress-id-123 thead th {
  background-color: #ff0000 !important;
}

Regards,
Tobias

Tried that.
Didn’t help. Also tried:

.tablepress-id-1 .row-1 td {
	background-color: #ffffff !important;
}

No change. I will get in touch with theme developers. Thanks for support ??

Hi,

the code I gave you does work, but you must not forget to adjust the table ID.
In your code, a slight change is necessary:

.tablepress-id-1 .row-1 th {
	background-color: #ffffff !important;
}

And: Where exactly are you adding this code? I don’t see it in the “Custom CSS”. You should add it to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress.

Regards,
Tobias

seems like this is the place to get help with Tablepress!

I have no idea what I am doing wrong. I have the following code to adjust the columns widths of my table:

.tablepress-id-1 .column-1 {
	width: 4px;
}

.tablepress-id-1 .column-2 {
	width: 40px;
}

.tablepress-id-1 .column-3 {
	width: 5000px;
}

In fact, it doesn’t matter what numbers I put for the width, it doesn’t appear to change anything. I feel I am missing something…

Hi,

thanks for your post, and sorry for the trouble.

The code looks correct, so most likely the content in the table is forcing other widths. Can you please post a link to the page with the table, so that I can take a look? Thanks!

Regards,
Tobias

Thanks for the quick reply!

Here is the link. The table I added is towards the top, you can ignore what is below it.

https://cst.net.technion.ac.il/past-seminars/

ideally, I want the table to span the width of the main part of the page (up to the sidebar). I want the date and speaker columns to be narrower to allow more room for the title.

many thanks!

Hi,

from what I can see, you have placed the table Shortcode in a manually created table which however only has one cell. That’s weird, and might be causing problems here.
Instead, you should simply put the table into the page directly. You should then not even need that “Custom CSS” code.

Regards,
Tobias