ByteEditor Website Builder

Wiki menu

Customize Logo

⚠ Note

The logo of a design is set on its “Logo” tab. It is shown in the header and, with the footer4 layout, in the footer too.

Step 1. Open the Design Builder

Click Design Builder in the Content section and open the design you want to change (see Customize Colors for how to choose the default design).

Design Builder v17 - designs

Step 2. Open the Logo tab

Open the Logo tab.

Design Builder v17 - Logo tab

Step 3. Choose the logo

Under Logo, click Choose and pick an image from the Media section, or upload a new one. Images and SVG files are supported. If no logo is set, the header shows the site's name (“Website Name” in Content → Settings) instead.

💡 The logo's alt text comes from the media item's alternative text. If that is empty, the Website Name is used.

Step 4. Add a hover logo (optional)

Logo Hover is shown instead of the logo while a visitor points at it, for example a coloured version of your logo. Leave it empty to keep the same logo on hover.

Step 5. Crop the logo (optional)

By default the whole image is shown, scaled to fit the logo area with a transparent background. To show only part of the image, click the chosen logo, adjust its Logo crop (98 × 46 px), and tick Use crop for Logo (or Use crop for Logo Hover for the hover logo) under Use Crop.

Step 6. Save and publish

Click Save and publish.

Built with ByteEditor