Introduction

You can set your name as a Text Logo or upload your own business logo as a graphic. This is a great way of branding your Format portfolio site and making it stand out.

A site icon (favicon) can also be added, this will appear in the web browser tab.

Tap any image to view at larger size.


In this article

Link from the Design Editor to access the Website Title and Logo panel

Tap 'Website Title and Logo' panel in the Design Editor.

Using a text logo for your website title text appears in the preview as you edit

A Text Logo is used for your default Website Logo (Site Name).

  1. Tap the 'Text Logo' icon
  2. Change the 'Website Title Text' field
  3. The Preview pane will update as you edit

Change the Text Logo Font, Size and Color

https://cdn.elev.io/file/uploads/k2lIo27OTcpW6kfEWaWzUT5hdKVItF5mpfv7htngHtE/AnqoDTyZMb5HooYg88QB_STsckPRHUx4i4jpPo1nTQk/03_text_logo_font_dropdown-k_Y.png

Website Title Font: the dropdown menu will allow you to select from our extensive range of hand-picked fonts.

Website Title Font Size: use the slider to reduce or enlarge. You can also tap on the numerals directly (33px shown) and enter the size directly.

Website Title Color: change to suit.

Some themes have additional options.


If you have an exisiting business logo or graphic you can use this instead of a Text Logo.

It is not possible to have both a Text Logo and Image Logo displayed at the same time.

You can upload a JPG, PNG or Animated GIF.

See our Preparing your Image Logo guide.

https://cdn.elev.io/file/uploads/k2lIo27OTcpW6kfEWaWzUT5hdKVItF5mpfv7htngHtE/bcAhyRzxo6KDQf7xtg11aIQFWr0-JTlenzt0o0svppk/04_image_logo_panel-XIg.png
  1. Tap 'Image Logo'
  2. Tap 'Add Image' to upload

Trim Logo Background: remove extra white space around your logo

Logo Image Size: use the slider to reduce or enlarge your image logo. This is dependant on the Theme and the available space in the 'header' area.

Alignment: (theme dependant)

Adding an Image Logo updates the preview on the right

The logo will appear in the Preview pane.

Make adjustments and view how it will appear on Desktop, Mobile (below) or Full-screen devices.

https://cdn.elev.io/file/uploads/k2lIo27OTcpW6kfEWaWzUT5hdKVItF5mpfv7htngHtE/Ow3SPw1dJyLNH87RmFlxOG_Z1bwAi0wQG4k-a9-saLA/06_image_logo_preview_on_mobile-YBY.png

Set destination of Website Logo Link

Website Logo Link setting showing link enabled to go to the Homepage as default

By default, your Website Logo, when tapped links to the Homepage of your site. If you are using a Title Page you may prefer to set a different page and now you can!

  1. Set 'Always Link to Homepage' toggle OFF 
  2. The current 'Link' will be shown. Tap to change

Create a Link option appears with dropdown selector for page to change to

  1. Links can be to a Page within your site, an external Website or email address
  2. Use the dropdown menu to choose a page
  3. Select the page you want

Adding a Site Icon (favicon)

Replace our default favicon with your own graphic.

https://cdn.elev.io/file/uploads/k2lIo27OTcpW6kfEWaWzUT5hdKVItF5mpfv7htngHtE/AjMb-BfyUe5NAygxhmzmbqqjZjNnxsI_fkO7rhUU28o/07_site_icon_replace_toggle-G_Y.png

For best results save at 32px wide by 32px high PNG, GIF or ICO file.

https://cdn.elev.io/file/uploads/k2lIo27OTcpW6kfEWaWzUT5hdKVItF5mpfv7htngHtE/dAJHo_MQYU_Xj1rfj5SPKUvHzTx27sLIGYnvbvLch94/08_site_icon_in_browser_tab-8uo.png

This will appear in the top tab of the web browser window along with your Site Title and Page Title.


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