Text styles

A text style saves the look of text under a name, like Heading 1, so every lower third and title screen uses the same type. A text layer that uses a style is linked to it: edit the style and every layer with that style changes, in every visual of the station.

​

Text styles every station starts with

A new station starts with four text styles: Paragraph is the default style and can’t be deleted. A station that already sized its text in custom CSS starts with all four at 24 instead. A website import can replace these sizes with the ones from your site, see Set up your station branding.

​

Manage text styles in Branding

Go to Settings → Outputs → Branding and click Open editor next to Text styles. Changes in this editor save on their own, separate from Save branding.

• Click New style to add a style, then Save style.
• Open the menu of a style for Edit, Duplicate or Delete.
• Drag a style to reorder it.

A style marked Overridden is restyled by the station’s custom CSS, so the CSS wins over the style.

​

Text style settings

Each text style stores these type settings.

​

Apply a text style to a text layer

Select a text layer and open Style under Typography. Search or pick a style. The layer takes over the font, size, weight, alignment and color of the style. Pick Custom to style the layer by hand. Only then are Font, Weight and Size shown for the layer itself. Click New style in the list to create a style from the Visual Designer.

​

Edit a text style from the Visual Designer

Click Edit style under the style picker. The change applies to every layer that uses the style, in every visual. Click Save style to keep it. To change only this layer, click Detach instead. The layer keeps the font, weight, size and color of the style and switches to Custom.

​

Delete a text style

Open the menu of a style in the Branding editor and choose Delete. Layers that use it render unstyled. Paragraph can’t be deleted.

​

Related

• Set up your station branding
• Use your custom font
• Brand colors