Adding a Logo, Favicon and Background Image to your website

In order to change either your Logo, Favicon and Background image, all these settings can be found under the Website > Theme section of your website administration area. These options may differ on a theme by theme basis and it is always best to review this section for the latest options and help information.

 

Logo

A logo can be configured for your website in the Website > Theme section under the heading Navigation Settings.

Adding a logo image to your website is a great way to display your brand and improve the overall look of your website. Fotomerchant supports JPEG, GIF and PNG file formats for logos.

Our general recommendations for website logos are:

  • They should be no larger than 5MB in file size.
  • PNG file format is recommended for best results.

Regardless of what size is uploaded to Fotomerchant, a logo will be automatically optimised for your website depending on your theme:

  • Geneva Theme
    • A logo will display up to a maximum of 50 pixels in height. The width can vary.
  • Phoenix Theme
    • A logo will display up to a maximum of 168x168 (width x height) pixels in size.
  • Amsterdam Theme
    • A logo will display up to a maximum of 400x200 (width x height) pixels in size.
  • Stockholm Theme
    • A logo will display up to a maximum of 210 pixels in width. The height can vary.
  • Tokyo Theme
    • Menu Style Floating
      • A logo will display up to a maximum of 80 pixels in height. The width can vary.
    • Menu Style Fixed
      • When this menu style is used, an additional setting called Maximum logo image height is available.
      • Heights of 80, 160 or 320 pixels can be chosen for the Maximum logo image height setting. The width can vary in this situation.
      • The option of Original File Size is also available for the Maximum logo image height setting, where your logo is displayed up to a maximum of 960 pixels in width. Height can vary.

 

Favicon

A favicon can be configured for your website in the Website > Theme section under the heading Favicon Settings.

A favicon is an icon that will appear in website browser tabs and windows when your website visitors view your site. A favicon can be uploaded as either a ICO, GIF or PNG image. 

It must not be greater than 32 x 32 pixels in resolution and no greater than 200 KB in file size.

Due to various browser limitations, it is recommended that an ICO file be used for maximum browser support of the favicon uploaded. GIF and PNG image favicon will not work in Internet Explorer.

Here you can see the Favicon for our Fotomerchant Help Desk appear in Google Chrome browser tabs and bookmarks.

Screen_Shot_2013-10-18_at_9.19.29_AM.png 

Screen_Shot_2013-10-18_at_9.19.48_AM.png

 

Background Image

A background image can be configured for your website in the Website > Theme section under the heading Background Settings.

Adding a background image can be a great way to completely revitalise the look of your website. Currently we only offer support for JPEG, GIF and PNG background images. The general recommendation for background images are:

  • Geneva Theme
    • Choose an image that would work well when it is centre-top aligned to your website. This image will scroll with the page as a user navigates down the page.
    • The default background images provided by this theme range in sizes from 2600x3600, 8x3600, 2600x27 pixels.
  • Phoenix Theme
    • Choose an image that would work well when it is top-left aligned to your website. This image is fixed, so it will not move when the user scrolls down the page. 
    • No default background images are provided with this theme. It is recommended that an image of approximately 2600x2600 pixels is used.
    • NOTE: On mobile and tablet devices the background image is not display for this Theme. As mobile devices do not generally support fixed backgrounds that do not scroll, the background image is omitted for best user experience. It is recommended to ensure that background colour for the website is set to a colour that best matches the dominant colour of the background image.
  • Amsterdam Theme
    • Choose an image that would work well when it is top-left aligned to your website. This image will move when the user scrolls down the page. 
    • No default background images are provided with this theme. It is recommended that an image of approximately 2600x2600 pixels is used.
  • Stockholm Theme
    • A custom background image option is not available for this website theme.
    • The "Hero Image" for a Web Page or Blog Post will be used as a backdrop when one is available.
  • Tokyo Theme
    • Choose an image that would work well when it is centre-middle aligned to your website. This image is fixed, so it will not move when the user scrolls down the page. 
    • No default background images are provided with this theme. It is recommended that an image of approximately 2600x2600 pixels is used.
    • When a Web Page or Blog Post has a "Hero Image" it will be automatically used as the background image for the page.
    • When viewing a Portfolio, Gallery Category, or Gallery the first "Cover Image" available will be used as the background image for this page.
    • When viewing a Blog index page, the "Hero Image" from the first blog post with a hero image will be used as the background image for this page.

 

Have more questions? Submit a request

0 Comments

Article is closed for comments.
Powered by Zendesk