Every website needs a logo. This can be in text or graphic form. Part of a good website is a favicon - a website icon that appears in the bookmark bar before the page title.
Adding a text logo
In the administration on any page, click on the site logo and overwrite the default text. If you have uploaded an image logo, you will need to delete it first to give the text priority in the display.
Adding a picture logo
To add a picture logo:
click on the default site logo in the site editor,
in the logo settings tab, click on Select Image.
You can upload the logo from your computer or select it from the image gallery if you have previously uploaded it. The image logo, always takes precedence in display over the text itself. It is not possible to display both image and text logos at the same time. If you want to display both the logo and the site text at the same time, insert the text directly into the image.
Make sure that the selected file has the correct elements.
Adding a favicon to a website
A favicon is an icon that helps a site visitor identify your site in the bookmarks of open windows by a simple icon.
In solidpixels, you can find the favicon settings in the Settings > SEO tab. After uploading a favicon, it may take some time before the change is reflected in your browser's tab. This is because the browser may still have an older version of the favicon stored in memory.
Tip: Recommended size for favicon
PNG format and a square size of at least 310×310 pixels is allowed.
Change logo settings
You can change the size of the logo and, for the text version, the font, cut and colour of the text.
To set the logo parameters:
switch to the Design tab in the main navigation,
select the Header section and then Logo,
a window will open in which you can change the size of the logo, or the colour and font cut of the text logo.
The position of the logo is fixed to the template and cannot be changed. At the same time, the logo serves as a link to the homepage of your website.
How to properly prepare a graphic logo for solidpixels
The logo should ideally be uploaded in SVG (or PNG) format, with a transparent background. When changing the header colour, there is no need to change the background of the logo because the transparency will allow the set header colour to shine through.
Think sufficient resolution of the logo. Depending on the specific case, the logo should be at least 150 px in width.
Logos are often handled in classic and inverted color options. Always choose a variant that contrasts with the background of the website header.
Solidpixels automatically monitors the protection zone of the logo. Therefore, it is better to upload a logo without a protection zone so that the space is not unnecessarily large. The protection zone defines the distance of the logo from other elements.