Column width in Tablepress

Hi,

no problem, you are very welcome! ?? Good to hear that this helped!

Best wishes,
Tobias

Hi Tobias,

I am having all sorts of trouble getting the column widths to work. First I couldn’t get any custom CSS to work but fixed that by putting it the page builder CSS rather than the table options (I’m using WPBakery). Now I have custom CSS working but am unable to get anything to do with column widths to work at all (padding, width, etc). I have tried all variations in the FAQ with no luck. I am trying to size the cells properly so that the information is easy to read.

Here is the page – https://gameovermanaus.com/documentaries/
and here is the current CSS (but as I said, I’ve tried a lot of variations with no luck yet!)

.tablepress thead th {
	background-color: #00CC00;
	font-size: 12px;
}

.tablepress thead .sorting_asc,
.tablepress thead .sorting_desc,
.tablepress thead .sorting:hover {
	background-color: #00CC00;
}

.tablepress-id-1 tbody td {
	font-size: 11px;
}

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

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

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

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

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

Any help would be much appreciated! ??

Hi,

thanks for your post, and sorry for the trouble.

The main problem here are the long URLs in the fourth and fifth column. As these are basically one very long word, the browser has to make those columns wider.
I recommend to turn these URLs into clickable links with a short link text.

Regards,
Tobias

Hallo ich habe auch das Spaltenproblem was mache ich falsch

https://www.schiesssport-centrum.de/veranstaltungen-3/

Gru?

Falk

Hallo Falk,

bitte füge mal diesen “Zusatz-CSS”-Code ein:

.dataTables_wrapper .tablepress {
	width: 100% !important;
}
.dataTables_wrapper input,
.dataTables_wrapper select {
	width: auto;
	vertical-align: middle;
}

Viele Grü?e,
Tobias

?ndert leider nichts

Hi,

es scheint, dass das TablePress-CSS auf deiner Seite nicht geladen wird, vermutlich aufgrund des Themes. Bitte füge den Code daher mal in das Zusatz-CSS des Themes ein. Da scheint schon etwas CSS zu sein, das weg kann:

.tablepress-id-N  .Column-2  { 
	padding :  4PX ; 
}

Viele Grü?e,
Tobias

Ja das war es vielen vielen Dank!

Sch?nen Abend noch und Danke

Hi,

gerne!

Viele Grü?e,
Tobias