Positioning vertical text

Design help Layout & Design
1

I’ve got 2 text boxes on my site that I’ve rotated by 90 degrees. However, I’m struggling to get the 2 text boxes to sit along the edge of the page (one on the left-hand side and one on the right-hand side), and exactly in the centre of the page. I’ve set them both as Fixed and played around with the margins, but I can’t figure it out.

Read-only link: Webflow - testingx4y

Any help appreciated.

Thanks

2

Any ideas on this from anyone? I really am stuck on it!

3

Hi @khs123 you need to use custom CSS and use writing-mode property, something like this.

.vertical {
  writing-mode: vertical-lr;
  transform: rotate(180deg);
  display: flex;
  text-transform: uppercase;
  letter-spacing: 3px;
  align-items: center;
  justify-content: center;
}

Here are some articles to have better understanding how it works.