Workshop Replays How-to TutorialsHow to Change the Cover Page

How to Change the Cover Page

In this tutorial you will learn how to change the background image of your cover, change the text styles of your title and footer. Plus, the background colors of the title area and footer.

1. Activating the Container

Start by clicking anywhere on the existing cover image. This will activate the 'Div Container'. You will know that this is activated by seeing the div container words in the upper left corner and seeing a small gray square in the upper right corner. Make sure that you have activated the right container otherwise your image will not change. Then hover over the small gray box in the upper right corner. You will see a tool tip that says 'Select Page'. Click on the small gray box.

1. Activating the Container

2. Examining the Cover Options

Next click on the 'Inspector' tab. This will open a number of options. Click on the 'Background' drop down. Here you will be able to change the background to a solid color, a gradient, add textures, or add a new image. For this tutorial, we will change the background image.

2. Examining the Cover Options

3. Selecting a New Cover Image

Click on 'Image' and then 'Media Manager'. Here you can upload your own images, search by keyword or URL. For Pro and Agency users you can add your pre-made cover images. In the example below, I have added the keyword 'rocket' in the search field. Once you find an image that you like then simply click on the image and it will be added to the activated area automatically.

3. Selecting a New Cover Image

4. Viewing the New Cover

Here is my new cover.

4. Viewing the New Cover

5. Changing the Title Text Styles

If you would like to go a step further and change your fonts click on the title to activate the heading. You will know that it is activated when you see the word 'Heading' in the upper left corner. Next, click on the 'Inspector' tab in the sidebar. Then choose 'Text Style' from the drop down list. Here you have a number of options for your text. You can change the font family, color, size, alignment, and so on. Before making any changes highlight the text you want changed first and then click on the option.

5. Changing the Title Text Styles

6. Changing the Title Background

If you would like to change the background box behind the title click on it to activate it. You will know that it is activated when you see the word 'Container' in the upper left corner. Next, click on the 'Inspector' tab in the sidebar. Then click on 'Background'. Here you have the same options as with the cover image. You can change the color, gradient, texture, or even add an image.

6. Changing the Title Background

7. Changing the Footer Background

Next let's change the color of the footer background. First begin by activating the container. You do this by clicking anywhere in the footer until you see the word 'Container' in the upper left corner. Then click on the 'Inspector' tab in the sidebar and select the 'Background' drop down. Once again you have all the same options as the cover image. In the example below, I am changing the color of the footer background. To do this I clicked on 'Color' and then selected the color I wanted and then clicked on 'Choose'.

7. Changing the Footer Background

8. Changing the Footer Text

To change the footer text, click on it. This will activate the element. You will know that it is activated when you see the word 'Heading' in the upper left corner. Now click on the 'Inspector' tab in the sidebar and then select 'Text Style'. Here again you have a number of options. You can change the font family, color, size, alignment, and so on.

8. Changing the Footer Text