Rotating Header text

  • Resolved dougienisbet

    (@dougienisbet)


    7 years, 8 months ago

    Hi,

    I thought I’d try rotating the header text. I’ve looked through some of the previous topics on the subject and tried copying/pasting the CSS that has been suggested, but I can’t get any rotation at all. I’m trying things like:

    .tablepress-id-5 .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;
}

    I’m not pretending to understand some of the CSS but if I could at least see some rotation I’d be able to experiment and learn a bit more.

    I saw reference in one topic to using transform-origin instead of transform.

    Any tips appreciated.

    Dougie

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Tobias Bäthge

    (@tobiasbg)

    7 years, 8 months ago

    Hi,

    thanks for your post, and sorry for the trouble.

    I’m not where exactly you found this code, but from what I can see, it needs a bit of extra HTML code:
    The text in the header cells has to be wrapped in HTML <span> tags, like <span>header cell text</span>.
    Note that your header cells might still have too much content for this to look nice.

    Regards,
    Tobias

    Thread Starter dougienisbet

    (@dougienisbet)

    7 years, 8 months ago

    Thanks. Yes, I see what you mean, the titles do look pretty untidy. Interesting to try new things out though!

    Dougie

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    7 years, 8 months ago

    Hi,

    sure, I understand! 🙂

    Regards,
    Tobias

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Rotating Header text’ is closed to new replies.