Adding A logo

Logotype is a text or graphic representation of a company name, trademark, abbreviation, etc. Adding a logo to the header or footer helps you create an authentic design for your website and become more recognizable among others. In this article, you can find detailed instructions on adding text or an image as a logo for your site.

Adding a text as a logo

1. To add a logo to your header or footer, hover over the empty box and click on the "plus", then choose the element Logo in the pop-up window:

Important: you can add only one logo to your header or footer.

2. To edit the logo, select the text in the placeholder and change its appearance in the pop-up menu:

There you can change its alignment, line height, size, color, etc.

3. You can also adjust the size of the logo using the handles on the sides. To do this, hover over the empty space between the elements in the block and drag the handle:

Note: bear in mind that the logo size can be limited by the block height and the neighboring columns. If you resized the logo to the maximum and the size is still the same, try deleting the columns on the sides to give the logo more space.

4. Click on the "gear" at the end of the menu to access the Logo settings:

5. In the Content tab you can change the text's font and weight or add the slogan below the logo — a short phrase that describes your company:

Tip: check the article Uploading your own font for more information on how you can set up your custom font for the logo.

6. In the Behaviour tab you can set up the click action for your logo. For more information, visit the article Adding links to elements (click action).

Adding an image as a logo

1. Firstly, select the text in the placeholder and click on the "gear" in the pop-up menu:

2. Switch to the Image section in the Content tab and upload or browse the gallery to apply the image as your new logo:

Tip: check the article Adding alt-text to the images to learn the benefits of adding an image description.

3. Click on the logo in the header or footer to change its display by zooming the image in and out:

Don't forget to publish your site for the changes to appear live.

• Related Articles

• Adding Elements

  Most blocks in our editor are fully customizable. Therefore, you can enrich the look of your blocks by adding new elements to them — for example, icons, dividers, lists, etc. Tip: see the article Adding a custom block to create your block from ...

• Adding Google Maps

  Adding Google Maps to your site will benefit both you and your customers, providing your visitors with a detailed visual guide on how to find your company. Adding Google Maps 1. Firstly, add a block which contains a map from the Contact tab in our ...

• Adding a Countdown

  A countdown block serves for displaying backward counting to indicate the time remaining before an event that is scheduled to occur. Use countdown to announce the discount period or special offer, estimate the time left before the launch of a new ...

• Adding a Table

  A table is a data structure that organizes information into rows and columns. It is commonly used for representing scheduling or contact information on the site. Adding a table 1. To set up a table on your site, open the editor and add ...

• Adding a Button

  Buttons can be used for site navigation and as call-to-action. You can add a button to almost any block in the editor. Adding a button 1. To add a new button, hover over the block and click on the "plus" sign where you'd like to place it: 2. Choose ...