Adding a new logo

The objective of this short document is both to establish guidelines on how to configure the main logo. To do this, we are going to highlight the following aspects:

Files accepted

JPG
JPEG
GIF
PNG

In most cases it is best to save your logo as a transparent PNG. See below for the size.

Max file size: 5MB

Logo name & Size

Logos must be named following this structure:

Logo Name	Size in pixels	Device
_hotel-name-city.png	636 x 250	Desktop
_logo-inverted_hotel-name-city.png	636 x 250	Desktop (image overlay)
_logo-sm_hotel-name-city.png	318 x 125	Tablet
_logo-xs_hotel-name-city.png	400 x 80	Mobile

Note : All logos have the same file name except the 2nd, 3rd and 4th which have a prefix the CMS uses to determine on which device it should be displayed. In the CMS you choose the 1st image (_hotel-name-city.png) as the main logo and the CMS will set the other automatically.

Examples:

_hotel-bookassist-spain.png (primary logo)

_logo-inverted_hotel-bookassist-spain.png (inverted logo)

_logo-sm_hotel-bookassist-spain.png

_logo-xs_hotel-bookassist-spain.png

Optimise images

Use TinyPNG for optimise your images once are created.

Upload & select logo in the CMS

Select the primary desktop logo (_hotel-bookassist-spain.png) to be used. The green highlight box is the selected image to be used by the CMS. If the images are correctly named the CMS will automatically determine the selection fo each device.

On most website themes, the inverted logo is initially shown as the main logo on the homepage. However, as the user scrolls down the page, it will switch to the primary header logo. Additionally, on internal pages with limited header space, the primary logo will be used.