Easy Vertical Text

---

Compatibility

• Works with Squarespace 7.1

• Uses Custom CSS

• Fluid Engine Recommended

Description

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

---

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

// EASY VERTICAL TEXT - BYKATSS.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 - BYKATSS.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;
}

---

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.

Customizable Options

• Text Rotation

---