RSVP Landing Pattern – Adopt Vertical txt TT4

Hi

I am using the the RSVP pattern for pages on my site. I am trying to remove the Heading block with vertical text and then add the Archive Title block instead, so that it auto updates whatever page it’s showing.

For the sake of it, I cannot get it right. I have added some CSS but new title remain a bit off. Here I have left native RSVP but using normal case for comparison. Above is the Archive Title, in this case Romanticism. This is the css I have so far to verticalize the title:

/******** Rotate Text - Rotated Headings in RSVP pattern ********/
.rotate-counter-clock-90 {
	transform: rotate(180deg);
	writing-mode: vertical-rl;
	white-space: inherit;
}

Why does my new title drop a tiny bit left/down and how can I get this right? Theme is TT4

Also it appears that drop nose letters are hidden behind it’s container. How can I fix this?

• This topic was modified 6 months ago by hebhansen.
• This topic was modified 6 months ago by hebhansen.