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

Steps to change a Text Element's font color (Style).

This lesson is shown on a Claro page, but the same steps apply to Flow pages.

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

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

This lesson is shown on a Claro page, but the same steps apply to Flow pages.

How you add styles matters

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.

I am having trouble getting font style (specifically bolding) to show up consistently between operating systems. On Windows, the bolded font displays correctly. On Mac, however, the bolding is missing. The font is also switching to from Verdana to Times New Roman and another undefined font on Mac when I’ve selected “Theme Base Font”. I’m using Chrome for both operating systems. 

Steps to edit text in a Text Element.

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

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 edit a Text Element.

This lesson is shown in a Claro project, but the same steps apply to Flow projects.

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.