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.
