Change a Text Element's font color (Style) setting

Steps to change a Text Element's font type setting.

Steps to set a background (fill) color on an element.

Setting a background color can be used for many visual effects.

In this example, we have a text element over an image and it's difficult to read the text.

We can add a background or fill color to help the text stand out more.

Giving the background color a slight transparency allows the image to still be seen through the text element, which can be an interesting visual design effect.

Steps to add an Icon to a text element.

The Icon collection is font-based, so it will take on all the text styling settings that you apply.

Steps to add a new Text Element to a Page in Claro and Flow.

Steps to add a Special Character such as a symbol to a Text Element.

Steps to use the Show Variables setting to display either the default {x} variable placeholder or the full variable string in a text element.

Steps to edit text in a Text Element.

The changes you make are saved once you leave the Text Element.

As you create a Project, you’re adding in all kinds of information like the Project’s name, the names of Pages it contains, or what the passing score is for a test.

A lot of that information is available as a System Variable that you can display in a text element.

This example shows how to set a text element to display the System Variable for the name of the Project.

These same steps apply to any of the other available System Variables.

Steps to add a Paragraph Element to a Page.

The name of this feature can be confusing, as it suggests a Body Type element. Although it is added as a Body Type, you can change that to any other Type.

A Paragraph element is different from other text elements because Paragraph elements have a unique set of special effects that can be applied.

Because of those effects, the formatting options are more limited for a Paragraph element than a regular Text Element.

Steps to add a List to a Page in Claro and Flow.