Change Logos

Last Updated: Feb 07, 2014 05:20PM PST

This feature is exclusive to Premium account subscribers. You can upload several different types of custom logos for your Zenfolio pages, including:
 

To change the logos for the header, home page and browser/favicons, from the Home page of your Edit View you will need to switch over to Customize Visitor View: 


Uploading the Header Logo

The Header Logo or Display Name will be displayed in the header of all pages of your website and will be resized to fit the specified height of the header (You can set the header to display up to 240 pixels in height).
Using the header logo is a good way to make sure your homepage and all of the subsequent pages have the same logo position and size so all of your pages look uniform.

You can determine the size of your header by going to Customize under your Visitor View, clicking on Site Settings and selecting the Header and Footer tab. Here you can set the logo position as well as the header height.
Note: logos can be added to both header layouts A and B. Please click here for more info on configuring the Header!

 

You can upload a JPEG, GIF, PNG or TIFF file. We recommend using a PNG file with a transparent background.

  1. From the Customize Visitor View toolbar click on HEADER.
  2. From the pop-up go to the Logo tab.
  3. Click to select Upload logo image.
  4. Click Browse to select the desired file from your computer.
  5. Click Upload.
  6. Click Apply to apply your changes

When you are done customizing click PUBLISH and confirm you would like your changes to be live.

Uploading the Footer Logo

The Footer Logo or Display Name will be displayed in the footer of all pages of your website and will be resized to fit the specified height of the footer (You can set the footer to display up to 360 pixels in height).
Using the header logo is a good way to make sure your homepage and all of the subsequent pages have the same logo position and size so all of your pages look uniform.

You can determine the size of your footer by going to Customize under your Visitor View, clicking on Site Settings and selecting the Header and Footer tab. Here you can set the logo position as well as the footer height.
Note: A logo can only be added to footer layouts BPlease click here for more info on configuring the Footer!

 

You can upload a JPEG, GIF, PNG or TIFF file. We recommend using a PNG file with a transparent background.

  1. From the Customize Visitor View toolbar click on FOOTER.
  2. Click on the Logo tab
  3. Click to select Upload logo image.
  4. Click Browse to select the desired file from your computer.
  5. Click Upload.
  6. Click Apply to apply your changes

When you are done customizing click PUBLISH and confirm you would like your changes to be live.


Uploading the Home Page Logo

The Home Page logo or Display Name is used on portfolio-style Home page layouts. The uploaded image will be resized to fit selected page layout.

For layouts where the logo is placed above or below the slide show, the maximum dimensions are 910(w) x 100(h) pixels. For layouts where the logo is placed to the left or right of the slide show, the logo is resized to a maximum width of 290 pixels.

You can upload a JPEG, GIF, PNG or TIFF file. We recommend using a PNG file with transparency.
 

  1. From the Customize Visitor View toolbar click on OPTIONS.
  2. From the pop-up go to the Logo tab.
  3. Click to select Upload logo image.
  4. Click Browse to select the desired file from your computer.
  5. Click Upload.
  6. Click Apply to apply your changes

When you are done customizing click PUBLISH and confirm you would like your changes to be live.

Uploading a Web Browser Icon

A Web browser icon (aka Favicon) is a small custom icon displayed next to a site's URL in the address bar. The icon is also often used in bookmarks, in the tabs of tabbed browsers and in Internet shortcuts on your desktop.

Note: In order for all browser types to recognize the favicon properly you must upload a JPEG, GIF, PNG or TIFF file that is sized to 16x16 pixels.
 

  1. From the Customize Visitor View toolbar click on Site Settings.
  2. In the General tab under Web Browser Icon click to select Upload your favicon.
  3. Click Browse to select the desired file from your computer.
  4. Click Upload.
  5. Click Apply to apply your changes

When you are done customizing click PUBLISH and confirm you would like your changes to be live.

  

Uploading a logo for your Mobile site

The mobile site logo will show for your visitors when they view your Zenfolio pages on mobile devices such as iPhones and most Android phones if you have your mobile site set to show.

You can upload a JPEG, GIF, PNG, or TIFF file. We recommend using a PNG file with transparency up to 640 pixels in width and 200 pixels in height.

  1. From the Customize Visitor View toolbar click on Site Settings.
  2. Click on the Mobile Site tab
  3. Click to select Upload logo image.
  4. Click Browse to select the desired file from your computer.
  5. Click Upload.
  6. Click Apply to apply your changes

When you are done customizing click PUBLISH and confirm you would like your changes to be live.