How to use theme styling for table styling

Ahhh so this will restrict the actual table to be 150px, now each column.

I looked at the FAQ and short of me stating code for each column, is there a way to have all columns be 150px?

Hi,

yes, for that, you could use

.tablepress-id-1 th,
.tablepress-id-1 td {
   width: 150px;
}

Regards,
Tobias

Thanks!

everything is now the way it needs to be. thanks for the support!

Hi,

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

Best wishes,
Tobias

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

Hello Tobias

I have a followup with the following post. Below is the code I have so far that does everything I need except one:

.tablepress,
.tablepress tbody td,
.tablepress thead th,
.tablepress tfoot th {
	border: 1px solid #000000 !important;
	background-color: #f1f1f1;
	position: inherit;
	color: #000000;
	text-align: center;
	width: -moz-available;
}

.tablepress .odd td {
	background-color: transparent;
}

.tablepress .even td {
	background-color: #ccddee;
}

.tablepress-id-1 th,
.tablepress-id-1 td {
	font-size: 15px;
}

.tablepress-id-1 .column-1 {
	font-weight: 700;
}

.tablepress-id-1 .column-2 {
	color: #000000;
}

this code is adjusting everything correctly except on the main page of ickansas.org where table-id-1 in responsive mode gets the column width messed up and any adjustments using the width option doesnt work. Can you help?

it is the right most table on the main page

Hi,

the reason for this is some CSS in your theme. To work around that, please extend

.tablepress-id-1 th,
.tablepress-id-1 td {
	font-size: 15px;
}

to

.tablepress-id-1 th,
.tablepress-id-1 td {
	font-size: 15px;
	width: auto;
}

Regards,
Tobias