Aligning cells

it must be soemthing like

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

Hi,

thanks for your post, and sorry for the trouble.

CSS is indeed the best way, but you should specify the table ID and the column number, like

.tablepress-id-1 .column-1,
.tablepress-id-2 .column-1,
.tablepress-id-3 .column-1,
.tablepress-id-4 .column-1 {
  width: 300px;  
}
.tablepress-id-1 .column-2,
.tablepress-id-2 .column-2,
.tablepress-id-3 .column-2,
.tablepress-id-4 .column-2 {
  width: 100px;
}

Regards,
Tobias

Thanks so much for your help!

This has helped aligned the columns,

However is it possible to get them evenly spaced out across the screen? And remove the lines between the rows?

I’ve tried –

As per the FAQ to remove lines from all tables but it doesn’t seem to do anything?

I’m trying to make it look more like this page
https://www.kristyhocking.com/wordpress/index.php/bio/
But using the table press plugin..

So far i’ve got it to look like this..
https://www.kristyhocking.com/wordpress/index.php/bio-2-2/

Thanks again.

Hi,

I just tested

.tablepress,
.tablepress tr,
.tablepress tbody td,
.tablepress thead th,
.tablepress tfoot th {
  border: none;
}

on your site (in the browser developer tools) and it works fine. Please try adding that again.

For the spacing and column widths: Please remove the blocks that you are using right now and instead try

.page-id-401 .tablepress td {
    width: 33%;
}

That will basically set all columns of all tables on this page (which has the WordPress post ID 401) to one third of the page width.

Regards,
Tobias

Thanks, the column width/alignment is now correct.

But I still can not seem to get rid of the fine lines between each row.

This is exactly what I have in the custom CSS field…

.page-id-401 .tablepress td {
width: 33%;
}

.tablepress,
.tablepress tr,
.tablepress tbody td,
.tablepress thead th,
.tablepress tfoot th {
border: none;
}

Hi,

when I check your links from above in Chrome or Firefox, I do not see any border lines in the tables?
Where exactly are you seeing them?

Regards,
Tobias

It looks correct in Chrome, I am using safari on mac however.

Hi,

are you logged-in or logged-out in Chrome? Can you try in “Private browsing” session?

Regards,
Tobias

Sorry. just refreshed safari and the page is now displaying correctly!

Thank you for your help!

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!