Super Easy Vertical Text (Flipped)


1. Plugin Info

Easily create vertical text when text is set to italic in a text block.

  • Works with Squarespace 7.0 and 7.1

  • Uses Custom CSS


2. Add this code to Custom CSS

// Easy Vertical Text - Ghost //

@media only screen and (min-width: 640px) { em {
  width: auto !important;
  writing-mode: vertical-rl;
  text-orientation: sideways-right;
  font-style: normal !important;
  transform: rotate(180deg);
 } 
}

em {
  font-style: normal !important;
}

3. Customizable Options

  • No customizable options


4. Plugin Notes

  • Set the text in the text block to italic to turn it into vertical text.

  • It’s best to keep italicized text in their own text blocks.

  • It is recommended vertical text is applied to larger headers or shorter lines of text.

  • Vertical text looks best on larger devices, so vertical text will display horizontal on mobile.


Previous
Previous

Super Easy Vertical Text

Next
Next

Folder Indicator Arrow