The fonts and colours available to you when you create a story in the Shorthand Editor are set by the story theme. By default, all users have access to one or more standard themes which provide a limited selection of fonts and colours that have been chosen to work well together.
You can choose available themes from the THEMES tab in the top left of the Editor:
The theme you select will set the fonts and colours that are easily accessible for the story you have open in the Editor.
You may have access to, or wish to set up, a custom branded theme that uses your fonts, colours, logo, and other unique styling.
There are several ways to change the colours and fonts that are automatically applied to each section of your story, swapping them for other options available from your theme.
Section options
Most themes have two default colour choices for story sections, usually defined as LIGHT and DARK. You can switch between these through the section options shown when clicking the little cog icon next to a section thumbnail image in the Editor. This is the fastest and easiest way to choose between pre-defined colours, as the choice applies to all the type and colour in the section.
Along with the pre-defined options, depending on the theme, you may see a small paintbrush icon in the section options panel. It lets you choose other colours to apply to all the text and background of the section:
Changing the colour of smaller selections of text
If you wish to change the colour of only some of the text in a section (rather than all the text in the section), then you can do so by highlighting the text and selecting the paintbrush icon to choose from the colours available in your theme.
Adding custom colours
If your plan allows for it, you can add other colours to the palette alongside your theme's colours. Unlike theme colours, which are available to any of your stories using the same theme, these new colours will be available only in the palette of the story you are currently working on.
To add new colours to the palette, open the section options panel for the section you are currently working on by clicking the small cog icon next to the section thumbnail on the left side of the screen:
…then choose the paintbrush icon in the COLOURS segment of the panel, and click the + icon under the heading STORY COLOURS:
A colour picker will open, from which you can choose colours using the gradient panel and sliders, or enter a HEX or RGBA colour code.
After adding colours to your palette, they are available throughout each of the sections of the story you are working on.
To remove custom colours from your palette, click the EDIT button next to colours in the Section Options panel, click the colour you wish to remove, and then DELETE COLOUR in the gradient panel:
Any custom colour you have added can be edited. So, for instance, if you have added a light blue to your story and used it to colour text and background elements in several sections, editing that colour to purple in the palette will change all the light blue elements in your story to purple.
New colours can also be added from anywhere else in the Editor where you can currently see the colour palette — for instance by clicking the paintbrush icon after highlighting some text, or choosing to edit an inline button or horizontal rule.
Changing the font for a block of text
The fonts from your chosen theme can be applied at a block level, using the same interface used to select the block text style:
If your theme only supports a single font and you wish to have access to more, please contact us.
Can additional fonts be added?
Yes — see adding additional fonts for the full options.
By using Developer Tools to add custom CSS to the story, it's possible to override elements of the theme, including specifying alternate or additional fonts and colours. Be aware that custom CSS is only available on some plans, and that applying incorrect CSS code could adversely affect the story.