Skip to main content

Creating a Title Page (Legacy Editor)

Updated

Title Pages act as landing, cover, or splash pages for your site when set as the Homepage.

This article references the process of creating Title Pages using our legacy editor. We have since updated the process of creating title pages, by introducing Flexible Title Pages. Flexible Title Pages allow you to create entirely custom Title Pages from scratch. If you are creating a brand-new Title Page, we'd recommend you view our Creating Flexible Title Pages article instead.

Video overview

Title Pages can be set as the Home page (landing page) or used within your site to separate content in creative ways.

If you want to add a video background, please see our Adding a video background to a Title Page guide.

Create a Title Page

  1. From the left sidebar, navigate to Portfolio > click 'Pages'

  2. Click 'Create'

  3. Click 'Custom Page'

  1. Enter a name for your Title Page

  2. Click 'Add Custom Page'

  1. Click 'Select a Template'

13_Select_Title_Page_template.png

  1. Select 'Title Page' template

  2. Click the top-left 'Lindsay Smith' thumbnail (image background), or

  3. 'Oscar Olsen' (video background), or

  4. 'Collin Davidson' (video background). These three templates have advanced design features (the remaining five are very limited).

Once a template is selected, switching templates will delete and reset any content added.

  1. Click on the background placeholder image to activate the 'Replace Background' image

  2. Editable text area

  3. Warning that the text is not currently linked anywhere (please read)

Edit Text

  1. Edit text and highlight

  2. Click the 'Link' icon

  1. Create 'Page' link (recommended)

  2. Use the 'Choose a page' dropdown to select an existing page in your site

Replace Background Image

  1. Drag & drop an image here (landscape images best max-width 2500px)

  2. 'Upload Images' from your computer

  3. 'Import from Format' to select an image already added to your site

  4. 'Import from Dropbox'

The image will appear centered within the browser.

Edit Design

  1. Click 'Save Changes'

  2. Click 'Edit Design' to access options specific to this Title Page

Customize Title Page

The best way to see what works best is to make changes to the options available and view them in the preview window on the right:

Please note that this 'Customize Title Page' panel is only available for the 'Lindsay Smith', 'Oscar Olsen', and 'Collin Davidson' templates, which have advanced design features:

Background Overlay: set a solid color to sit over the image
Overlay Opacity: Use the slider to set. Drag to '0%' to allow your original image to appear with no overlay
Text Color: Set the color of the text
Text Font: Select a font from our library
Text Size: Options include 'Large', 'Medium', or 'Small'
Text Hover State: Options include 'Strikethrough', 'Underline', or 'None'

Mobile in-app preview below:

  1. Change the in-app preview from Desktop / Mobile / Fullscreen

  1. Keep experimenting and 'Save Changes'

  2. View Live Site to see how it will appear to visitors

Re-accessing Edit Design settings

  1. Edit Page and select 'Edit Design'

The font and overlay color shown in the Page Editor window will not match what you have set in the Edit Design panel (but will show correctly on the live site and in the in-app preview).

Set Title Page as Homepage

  1. From the Pages area, hover over the '…' icon to the right of the Page Name to activate the dropdown menu

  2. Click 'Set as Homepage', the page can be IN MENU or NOT IN MENU

For more information, please see our article on how to Organize your Site Menu.

Still have questions? Reach us on our live chat or email us at info@format.com We’re here to help!

Related to

Related articles