Adjust text in column

Hi,

thanks for your question!

This should not be too hard to achieve. Please try adding

.tablepress td {
  vertical-align: top;
}

to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress.

Regards,
Tobias

Thank you! That worked.

Another question on text adjusting:

Can you tell me how to adjust the text in the columns so they are center-aligned?

For example, I’d like the text in these columns to be center-aligned, not left-aligned.

https://cortesislandholidays.com/rental-rates-explained/

Hi,

sure, that’s possible! Just change the code from above to

.tablepress th,
.tablepress td {
  text-align: center;
  vertical-align: top;
}

Regards,
Tobias

Perfect!

Thanks!

Hi,

no problem ?? Thanks a lot for the confirmation that this worked.

Best wishes,
Tobias

Hi Tobias,
I am trying to get my headings to center vertically in the row. Here’s what I put into the custom CSS:

.tablepress th,
.tablepress td {
text-align: left;
vertical-align: middle;
}

This had no effect. Here’s the page I am working on:

https://edesiaindustries.com/beta/sample-page/mediacenter/

I’m new to TablePress so really appreciate your help! Thanks!

I ended up entering this into the custom css, which worked pretty well:

h3 {
font-size: 24px;
text-indent: 10px;
padding: 15px 0 0 0;
}

But how do you adjust row height?

thanks!

Oops, TablePress custom CSS changed h3 style for the whole site, so never mind. I am still without a clue! Thanks again.

Hi,

that CSS code changes the h3 style for the whole site, because you didn’t tell it to just apply to tables.
Additionally, you can then reduce the margin, to make the line height better. Please try again with

.tablepress h3 {
  font-size: 24px;
  text-indent: 10px;
  padding: 15px 0 0 0;
  margin-bottom: 0;
}

Regards,
Tobias

Thank you so much! This was so helpful.

Hi,

sure, no problem! You are very welcome!

Best wishes,
Tobias

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