Text align IN cell

Hi,

thanks for your question, and sorry for the trouble.

This is possible with “Custom CSS”. For example, add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

.tablepress-id-1 .column-2,
.tablepress-id-2 .column-2 {
  text-align: right;
}

Regards,
Tobias

THANK you so much Tobias, that is brilliant! I appreciate the extremely prompt response. One last thing, how do I change the width of the columns, some of the prices are too long (wide) for the column so they are being ‘split’. Thanks

Hi,

setting column widths is possible with other CSS code: https://tablepress.org/faq/column-widths/

However, it might be easier to just disallow automatic line breaks in them, by using this extended CSS Command:

.tablepress-id-1 .column-2,
.tablepress-id-2 .column-2 {
  text-align: right;
  white-space: nowrap;
}

Regards,
Tobias

Gee whizz you are BRILLIANT!! Thank you, your support service is incredible. Okay may I ask one more question please. I know how to change the text colour etc, how do i set it so that on the mouse over the text changes to another colour (not just the background) So currently on mouse over the background goes white but the text remains its original colour, i want the text to change to a purple. is that possible? Again, thank you so much

Hi,

for that, I recommend to use this CSS code (which will directly affect all tables at once):

.tablepress .row-hover tr:hover td {
    background-color: #ffffff;
    color: #ff0000;
}

Regards,
Tobias

Thank you and have a great weekend.

??

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!