Table Width

I entered it there and it says that it saved it but the box is still blank even after it says that it was saved.

Hi,

ok, that’s strange.

Does it work if you type in this?:

.tablepress tbody td {
  padding: 4px;
}

Regards,
Tobias

Not saving ??

Hi,

ok, that’s really strange then.
If possible, I’d therefore like to take a direct look at this on your site. Could you maybe create a temporary admin account for me and send me the details via email (the address is in the main plugin file “tablepress.php”). Thanks!

Regards,
Tobias

Hi,

I am using Imbalance 2. It sets the left border of every post about 290 pixels from the left browser edge. Now I would like to have my TablePress-table full-witdh on the whole screen. Does anyone know how to achieve this?
My page is:
https://test.iw-up.com/?page_id=782

What do I have to change in the css-settings of TablePress and what do I have to change within my theme?
Can I just change this for this one page and leave the other posts with the standard margin?

Thanks in Advance
Avio

Hi Avio,

thanks for your question!

You are right, your theme is restricting the available content area, which also affects the table.

To change this, you could add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

#tablepress-1_wrapper {
  width: 1200px;
  margin-left: -250px;
}

That will make the table wider and shift it to the left.

Regards,
Tobias

Hi Tobias,

I’ve scoured all the posts about table width and still can’t get it right. My table is expanding into the widget area. I’m using 2011 theme. The table previews perfectly in the Tablepress preview, but not when inserted into my page and yes, I inserted in while in text view. I’ve reduced the padding, reduced the font size, set width and there are no images. No words are “too big” to fit. Also, the table header font size won’t change (except in tablepress preview) even though I made it smaller. I’ve tried so many css fixes I may be confusing myself. Here is what I have:

.tablepress-id-share tbody td {
font-family: arial;
font-size: 10px;
line-height: 110%;
}

.tablepress-id-share thead th {
font-size: 10px;
}

.tablepress-id-share {
width: 600px;
}

.tablepress-id-share th,
.tablepress-id-share td {
padding: 5px;
}

.tablepress-id-share .column-1,
.tablepress-id-share .column-2,
.tablepress-id-share .column-3,
.tablepress-id-share .column-4,
.tablepress-id-share .column-5,
.tablepress-id-share .column-6,
.tablepress-id-share .column-7 {
width: 70px !important;
}

#content .tablepress-id-share tr td {
padding: 5px;
}

I want to post a link but hesitate to publish a post looking like this for the world to see.

Thanks
Val

Hi Val,

sorry to hear that you are having so persistant trouble with the width.

A link to the page with the table is the only way for me to further investigate though. Can you maybe create a test page that is not linked anywhere on your site, so that nobody else will see it?

Regards,
Tobias

Hi Tobias,

Ok, I figured out how to post a page without it being linked on the site. Here is the URL: https://www.digitalphotos101.com/blog/all-about-backing-up-your-photos-comparison-review-of-photo-sharing-sites/

Thanks.

Valerie

Tobias,

I finally figured it out. It was a my theme’s table css. I added this:

#content .tablepress-id-share tr td {
padding: 5px;
}

#content .tablepress-id-share thead th {
font-size: 11px;
}

And it worked. I love Tablepress (now that I figured out my issue) and will use it for all my tables.

Val

Hi Val,

very nice! Yes, that looks like a nice solution. Unfortunately, some themes bring their own CSS that influences tables, so that this is necessary.
Good to see that you found this! ??

Best wishes,
Tobias

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

Hey Tobias

I picked up WP TablePress so I could add style to my review pages.

However when I attempt to develop a table for my Worldhottesthot sauce.com site, the table appears in both the preview of TablePress and in my site post. But the column widths do not. I’ve tries several of your fixes from this forum but nothing seems to work. The columns just can’t be adjusted for width.

I want to include a format like this:

IMAGE PRODJUCT NAME TEXT & pRODUCT LINK

I am using Firefox with a Niche Website Theme.

I’m very frustrated cause nothing I’ve tried in your fixes works. Can you help?

The following is from valgee post above:

What is share? Is it a table id variable set before the following code?

tablepress-id-share tbody td {
font-family: arial;
font-size: 10px;
line-height: 110%;
}

Hi John,

thanks for your question, and sorry for the trouble.

Could you please post a link to the page with the table that is not working? I check https://www.worldhottesthotsauce.com/ but could not find a table ?? Thanks!

@jgravesnbs: Yes, the “share” in valgee’s post is the table ID. She has changed it from a number to that string. Thus, here code

.tablepress-id-share tbody td {
  font-family: arial;
  font-size: 10px;
  line-height: 110%;
}

only influences the table cells in the table with the ID “share”.

Regards,
Tobias

What is the command syntax that sets share to a table ID?