editing table width

Hi Joe,

thanks for your post, and sorry for the trouble.

I checked that link in both Chrome and Firefox, but can’t reproduce what you are describing the table and the sidebar look fine to me.
Can you maybe post a screenshot of what you are seeing?

Regards,
Tobias

The problem seems to be specific to Google Chrome. Did you look at that page in that browser?

OOps – I see you did.

Hi,

yes, I’m using Chrome as my default browser.

Is this happening when you are logged-in into WordPress as well as when you are logged-out?

Regards,
Tobias

The issue is there but manifests itself differently in each of the major browsers. The only two pages affected are those with the table (Self-Managed or Fully Managed.)

So start out with any page other than those two (www.buildinghosting.com) note the relative positions and widths of the starting page, then select one of them from the navigation.

In GC, the side sidebar is moved to the right and to see the right edge requires a small horizontal scrolling.

In IE. everything is moved to the left.

In FF the sidebars behave but the center column is wider than the center column on all other pages.

In Opera, the sides remain good, if you start out on any of the “non-table pages. But then select one of the table pages and the entire size of the site shrinks (!!).

Yes, the issue appears logged to the WP dashboard or not.

hm,mmm- wait. I logged out of ALL the browsers, *refreshed* and it is gone in IE, gone in GC but still not behaving in FF and Opera.

Is there code somewhere than can configure the overall width of a table? I’d like to see what effect that might have.

Hi,

relavant CSS code could be something like

.tablepress {
  width: 500px;
}

Also, as you have already turned off the individual features, please uncheck the “Use DataTables” checkbox on the “Edit” screen of the table, as that’s no use the, and turning it off saves some loading time.

Regards,
Tobias

that did not change the display on the Self Managed page (Chrome).

Hi,

ah, you will need to add the !important keyword:

.tablepress {
  width: 500px !important;
}

Regards,
Tobias

Yes, that works! Thank you.

Now I must figure out why the center column itself, no longer pushed wide by the table, is still wider on those two pages.

Hi,

that’s good to hear! And you are sure that the width of that center column depends on whether there is a table on the page?
I’m asking because I can’t really see why that should be that case, as the tables basically just take the width of the center column as their width by default.

Regards,
Tobias

I agree with the logic of the question – but the fact remains that the behavior is only seen on those two pages.

i am going to take a break now – and go do something less frustrating for while – and then will try some ideas – such as rebuilding the page from scratch.

Thanks for the help. This is a really excellent plugin. I would be interested in being notified whenever you create any others.

Hi,

that’s really weird then… Is everything back to normal if you temporarily remove the table Shortcodes from the pages?

And it’s really great to hear that you like the plugin so much ??

Regards,
Tobias

clever question. Removing the shortcode does not change the center column width.

That makes me even more interested in rebuilding the page, without the code, confirming that it is behaving like all other pages, then adding the shortcode.

Should be informative.

I’ll get back to it early this afternoon. (it’s 9:45am here in New York).