Tablepress Vertical align

Hi,

thanks for your question, and sorry for the trouble.

Please try again with

.tablepress-id-10 tbody td {
	vertical-align: middle;
}

We just need to make the selector a bit more specific so that it overrides the default value.

Regards,
Tobias

Thanks that worked perfectly, I am surely going to donate in future.

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!

@tobiasbg Sorry for the simple question but I’m a real newbie – where do I paste this code to get the text to vertically align?

Thank you!

Hi,

thanks for your post, and sorry for the trouble.

All this would go in the “Custom CSS” text field on the “Plugin Options” screen of TablePress.

Regards,
Tobias

Thank you for the prompt reply! Could I use this code too to get all the cells aligned horizontally too??

Oh my goodness, so easy when you know how! Thank you. And I’ve sorted out the horizontal align – thank you so much.

Hi,

no problem, you are very welcome! ?? Good to hear that you found a solution!

Best wishes,
Tobias

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

Hi Tobias,

One last question I promise! Is it possible to center align the table title? I’ve googled it but cannot seem to find anything about it.

Hi,

do you mean the table name that’s written above the table? Yes, that’s possible with

.tablepress-table-name {
  text-align: center;
}

Regards,
Tobias

I have this code in:

.tablepress-id-12 tbody td {
vertical-align: middle;
text-align: center;
}

.tablepress-id-12 {
text-align: center;
}

And all of the text in the table is centered both horizontally and vertically but the title above the table is still left aligned..

Hi,

did you try the CSS that I posted above?
And what is the table title for you? Can you please post a link to the page with the table where this problem happens, so that I can take a direct look? Thanks!

Regards,
Tobias

I did – I’ve made the page public now – https://www.hillmortonprimaryschool.com/test-page/

Hi,

please add

.tablepress-table-name {
  text-align: center;
}

as I have written above.

Regards,
Tobias

I have this in already:

.tablepress-id-12 {
text-align: center;
}

Is that not right?