Tables displaying wrong column width

Resolved einstein green
(@einstein-green)

9 years, 3 months ago

I have a few tables on my site, like on this page: http://www.andesworldtravel.com/trips/col-56-a-taste-of-colombia/#tab-id-3
where the tables are displaying the wrong column width (too narrow on column 1).
It seems they are being tagged with the css cladd .itinerary, since I have this code for some other tables,

.itinerary .column-1 {
width: 75px;
}

but there is no extra css class listed on the tables on that page. Can you see what’s happening here?
thanks
nancy

Viewing 5 replies - 1 through 5 (of 5 total)

Plugin Author Tobias Bäthge
(@tobiasbg)

9 years, 3 months ago
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
Thread Starter einstein green
(@einstein-green)

9 years, 3 months ago

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.
???
Plugin Author Tobias Bäthge
(@tobiasbg)

9 years, 3 months ago
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 9 years, 3 months ago by Tobias Bäthge.
Thread Starter einstein green
(@einstein-green)

9 years, 3 months ago

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

Plugin Author Tobias Bäthge
(@tobiasbg)

9 years, 3 months ago

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

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Tables displaying wrong column width’ is closed to new replies.

Tags