TUTORIAL (micro) Vertical Text

[Jakerlund]

Hi,

I made a tiny tutorial on how to set up vertical text in Blocs.
Cheers

Here’s the code i use.

<style>
.vertical-text{
  position: absolute;
  transform: rotate(-90deg);
  transform-origin: bottom;
}
</style>

[MDS]

Hi Johnny @Jakerlund

Many thanks again for your great tutorials

MDS

[Blocs_User]

Or if anyone is interested in the original written description offered when the question was asked. I had hoped that users would take the provided information and research the techniques for learning. I guess that continues to be a misconception on my part.

@Blocs_User

You can use various CSS approaches like - rotate, transform, writing-mode, break-word, etc ., (there is also text-orientation but that is yet to have wide ranging browser support). Simply create your own desired CSS class and add it to your page settings (head section), then assign the class to your desired page item.

[Stewie_Griffin]

Yeah man! is very appreciated you take time to answer keep doing it cause I will ask you so much more but sometimes tutorial are very needed haha

[kwakukwaku]

You are the best!

[cleophus]

Hello @Jakerlund ,

I am trying to use this tutorial but the video is unavailable. Is it online anywhere else?

[Jerry]

Text orientation is part of the Class Manager in Blocs 4