Text vertixcally in the Header Row

Hi,

thanks for your question, and sorry for the trouble.

This is not easy, unfortunately. For some CSS ideas, please see https://www.ads-software.com/support/topic/alignment-problem-with-rotated-headers/

Regards,
Tobias

Hi,

thank you for the link.
I have used this code: created a table model number 6

.tablepress-id-6 .row-1 span {
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
display: block;
height: 75px;
text-align: center;
vertical-align: center;
}

But the text in the header (first) row is still horizontally.
Could you please advise me on how to rotate ONLY the text and ONLY in the first row?
Thank you!
Regards,

Milada

I found this: https://css-tricks.com/rotated-table-column-headers/
but still do not know what to do…

Hi,

Did you also add <span> tags around the text in that row?

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

Hi,

thank you for your prompt reply and the hint!
Now, I have added <span>Játra<span>…, but nothing changed. Should be there <span>Játra</span> instead?
How do I make it available for you to see it if the post is still private?
What should I do to help you see it?
Regards,

Milada

Hi,

yes, it would have to be
<span>Játra</span>

If the post is private, can you temporarily publish it?

Regards,
Tobias

Thank you. Yes, I can, but how do I republish it afterward when it has final look?
Regards,

Milada

Hi,

I don’t understand. You just change the title, etc. or copy the content into a new page and delete the test page.

Regards,
Tobias

Here is the link: https://moreyouthfulskin.com/cs/smoothie-pro-sil…-krasnejsi-nehty/

Hi,

unfortunately, this only gives me a “404 Not found” error ??
Is this really a published page?

Regards,
Tobias

Hi,

please try again this link: https://moreyouthfulskin.com/cs/smoothie-pro-silnejsi-krasnejsi-nehty/

Milada

Sorry: this link https://moreyouthfulskin.com/cs/smoothie-silnejsi-krasnejsi-nehty

Hi,

ok, thanks!

Please add this to the very top of your “Custom CSS”:

.tablepress {
 word-break: normal;
}

Then, all your CSS selectors are wrong. This is table 31, but your code is for table 6.

Regards,
Tobias

Hi,

thank you, now it works!
No, the CSS selectors are all right, the code is like this:

.tablepress-roster6-table .row-1 span {

Regards,

Milada

Hi,

good to hear that ??

Best wishes,
Tobias