- Slide regions where you can add text are indicated with blue boxes. Empty regions are show with the label "Click to Edit." Start by clicking the region you would like to edit.
- An editing window appears. Here you can enter the text you want on your slide.
- After entering your text, click Save to commit your changes. You can also click Cancel to cancel your changes.
Formatting Text
Slideshow text is formatted using standard HTML markup. You can also use other HTML code to format this text. Below is an example of a title and paragraph of body text.
<p class="title small">Yellowstone Bison</p>
<p class="body medium">Yellowstone is the only place in the United States where
bison have lived continuously since prehistoric times. Yellowstone bison
are exceptional because they comprise the nation’s largest bison
population on public land and are among the few bison herds that have not
been hybridized through interbreeding with cattle. Unlike most other herds,
this population has thousands of individuals that are allowed to roam
relatively freely over the expansive landscape of Yellowstone National
Park and some nearby areas of Montana.</p>
Text Classes
To assist you in maintaining size and styling of text across your project, Storycrafter offers 42 standard text classes. These range in size from very large (Display) to very small (Credit). The sizes and colors of these classes are defined as a part of a theme, and have been designed for optimal legibility at different device sizes.
In the table below, you will find a full listing of these classes. In most cases you will need to include two class names into your paragraph formatting. For example, to style a paragraph as large body text, you would style it like so:
<p class="body large">Lorem ipsum dolor sit amet consectetur adipiscing elit.
Quisque ac metus a est eleifend condimentum.</p>
|
Display |
Large |
display large |
|
Medium |
display medium |
|
|
Small |
display small |
|
|
Title |
Extra-Large |
title extra-large |
|
Large |
title large |
|
|
Medium |
title medium |
|
|
Small |
title small |
|
|
Extra-Small |
title extra-small |
|
|
Subtitle |
Extra-Large |
subtitle extra-large |
|
Large |
subtitle large |
|
|
Medium |
subtitle medium |
|
|
Small |
subtitle small |
|
|
Extra-Small |
subtitle extra-small |
|
|
Subheading |
Extra-Large |
subheading extra-large |
|
Large |
subheading large |
|
|
Medium |
subheading medium |
|
|
Small |
subheading small |
|
|
Extra-Small |
subheading extra-small |
|
|
Body |
Extra-Large |
body extra-large |
|
Large |
body large |
|
|
Medium |
body medium |
|
|
Small |
body small |
|
|
Extra-Small |
body extra-small |
|
|
Quote |
Extra-Large |
quote extra-large |
|
Large |
quote large |
|
|
Medium |
quote medium |
|
|
Small |
quote small |
|
|
Extra-Small |
quote extra-small |
|
|
Quote Attribution |
Extra-Large |
quote-attribution extra-large |
|
Large |
quote-attribution large |
|
|
Medium |
quote-attribution medium |
|
|
Small |
quote-attribution small |
|
|
Extra-Small |
quote-attribution extra-small |
|
|
Caption Title |
|
caption-title |
|
Caption |
Primary |
caption primary |
|
Secondary |
caption secondary |
|
|
Credit |
|
credit |
|
Overline |
Extra-Large |
overline extra-large |
|
Large |
overline large |
|
|
Medium |
overline medium |
|
|
Small |
overline small |
|
|
Extra-Small |
overline extra-small |