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
  • Setting a Text Logo
  • Change the Text Logo Font, Size and Color
  • Adding an Image Logo
  • Adding a Site Icon (favicon)

Setting a Text Logo

https://cdn.elev.io/file/uploads/k2lIo27OTcpW6kfEWaWzUT5hdKVItF5mpfv7htngHtE/fNQxBnCLgKvR7KIJouzw8iua-RmaYZRDwoh7naQ7IRY/02b_website_logo_toggle-8j8.png

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

https://cdn.elev.io/file/uploads/k2lIo27OTcpW6kfEWaWzUT5hdKVItF5mpfv7htngHtE/QE0QWa_e6iWfv3fJ5euJAFoQAzFe3n15d9XGB5PRi5k/01_website_text_logo_default-RII.png

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

  1. Tap the 'Text Logo' icon
  2. Change the 'Text' field
  3. This will appear in the Preview pane.

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

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

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

Line Height: use the slider to reduce or increase the space between lines if you have a long Text Logo.

Color – Default: change to suit.

Font Style – Hover: you may set to 'Underlined' to look like a traditional text link.

Color – Hover: your Text Logo acts as a link, so anyone who hovers or taps this will be returned to your website's Homepage. Setting a color here helps identify this as being a link.


Adding an Image Logo

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.

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.

Image size: select preset sizes using the dropdown.

Trim Logo Background: if you have extra white space around your logo this option will trim off and allow the logo to appear larger.

https://cdn.elev.io/file/uploads/k2lIo27OTcpW6kfEWaWzUT5hdKVItF5mpfv7htngHtE/sp2sigfrRGQ5gsIq5qf9vFqu6GpEJCskFCsBlBaVkiw/05_image_logo_added_preview-CKQ.png

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



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.


Reach us online at our live chat or via our email info@format.com if you have any more questions. We’re happy to help!