Tables displaying wrong column width

Hi,

thanks for your question, and sorry for the trouble.

.itinerary seems to be a CSS class for the tab container that’s around the tables.

You could try overwriting this setting for tables, by adding this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

.itinerary .tablepress .column-1 {
  width: auto;
}

Regards,
Tobias

HI Tobias
Not sure why .itinerary would be targeting the tab container – I have other tables with .itinerary class that are fine, and other tables without a css class are also fine (not displaying like .itinerary).

Isn’t the code here only targeting the table?

.itinerary .column-1 {
width: 75px;
}
I also tried
.itinerary .tablepress .column-1 {
width: 75px;
}

I put the css changes for tablepress in my main css so I am not using the Plugin Options on Tablepress itself. I tried with your code, in various ways, but it didn’t change anything. I need the .itinerary class set at 75 px, not auto.
???

Hi,

ok, now I’m confused.

.itinerary (from taking a look at the HTML source of the page) is a CSS class on the tabs container element. Due to this, all first column of all tables that are inside any tab of that tab container will have their width set to 75px.
(This is also what I was seeing when I first replied.)

Is this what you want? Or are they too narrow? Then, why don’t you change the value to something higher?
Or do you actually just want to use that .initerary class to alter the column width on the table inside the “Itinerary” tab? Then, it should not be a CSS class of the container, but only that tab.

Regards,
Tobias

• This reply was modified 7 years, 9 months ago by TobiasBg.

Hi Tobias
ah now I see the problem. I had some tab containers tagged “itinerary”, as well as some tables. Will fix the problem now. thanks for pointing it out!
best
Nancy

Hi Nancy,

no problem, good to hear that this helped! ??
A quick work around could be to use e.g. itinerary-table as the CSS class for the tables.

Regards,
Tobias