Workshop Replays How-to TutorialsHow to Change the Font Colors

How to Change the Font Colors

In this tutorial you will learn how to change the color of headings and body text.

1. Identifying Text Containers Where Font Colors Can Be Changed

There are two containers within a page where font colors can be changed. This includes the 'Heading' and 'Paragraph' elements. Please note that all color changes will be global - meaning that they will change for the entire project. This way you only need to make one change.

1. Identifying Text Containers Where Font Colors Can Be Changed

2. Changing the Color of the Heading

To change the color of the heading you need to first activate the container. This is done by clicking on the heading. You will know that the heading container has been activated when you see the word 'Heading' in the upper left corner. Once activated click on the 'Inspector' tab in the side bar and select the 'Text Style' drop down. Here you will see a long color bar just below the font size. Click on it to open the color panel. Then select the color that you want and click on 'Choose' in the bottom corner. This will automatically change all of the headers in the project to this new color.

2. Changing the Color of the Heading

Here you can see the color change applied to the headings.

3. Changing the Color of the Paragraph Text

To change the color of the body text you need to begin by activating one of the paragraph containers. You do this by clicking anywhere inside of the text area. You will know that the container has been activated when you see the word 'Paragraph' in the upper left corner. Once activated click on the 'Inspector' tab in the side bar and select the 'Text Style' drop down. Here you will see a long color bar just beneath the font size option. Click on the color bar to open the color panel. Select the color you want and click on the 'Choose' button in the bottom. This will change the color of all text inside of paragraph containers for the entire project.

3. Changing the Color of the Paragraph Text

Here you can see the text color of the paragraph text has been changed to a different color.