Articles on: 6. Content FAQs

How to Display Vertical Rotated Text

Want to rotate text or elements in WordPress ? Whether you are aiming for a stylish tilt or a full 90-degree spin, there two simple ways to do it—with or without code.


Method 1: Rotate Elements Using Built-In Settings (No Code)


  • Click on the text block you want to rotate.
  • In the right-hand sidebar, go to the Style section.
  • Scroll down until you find the "Text Orientation" settings.
  • Click to expand it.
  • Apply a rotation.


Method 2: Rotate Text with Custom CSS (For Full Control)


  • Click on the text block you want to rotate.
  • To assign a Custom Class in the block settings, go to the Advanced section and add a custom class name in the Additional CSS class(es) setting.
  • For example:

css

rotate-left



  • Add Custom CSS code in Customizer.
  • Go to Appearance > Customize > Additional CSS and paste in the following code:

css

.rotate-left { transform: rotate(-90deg); display: inline-block; }


  • Click Publish to save your changes.


You can change the angle as needed (e.g., rotate(45deg) for a diagonal slant). Why use inline-block? Without it, the element may rotate off-center or affect the layout in weird ways. display: inline-block; helps it stay controlled and neatly in place.

Updated on: 25/09/2025