Easy Vertical Text


Plugin Details

Easily create and assign vertical text by simply italicizing any text in a text block.

Compatibility

  • Works with Squarespace 7.1

  • Fluide Engine Recommended

  • Uses Custom CSS


Option 1: Add to Custom CSS (Desktop and Mobile)

// EASY VERTICAL TEXT - GHOSTPLUGINS.COM //

em {
  width: auto !important;
  writing-mode: vertical-rl;
  text-orientation: sideways-right;
  font-style: normal !important;
  font-style: normal !important;
  transform: rotate(180deg);
}

Option 2: Add to Custom CSS (Desktop Only)

// TEXT BLOCK - EASY VERTICAL TEXT - GHOSTPLUGINS.COM //

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

em {
  font-style: normal !important;
}

Customizable Options

  • Text Rotation

Notes

To assign the vertical text style, italicize any text in a text block.

It’s best to keep italicized text in their own text block. Do not share non-italicized text within the same block.


Previous
Previous

Custom Scroll Bar Colors

Next
Next

Titled Scrolling Block