ByteEditor Website Builder
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).
Step 2. Open the Logo tab
Open the 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.