Every website needs a logo as the identity. In WordPress, you can add your site logo by via theme customizer (Appearance -> Customize) on the Site Identity block. In most cases, the site logo is added to the header area although you can also add it to any area to your liking. When creating a custom header in Brizy, you can add the site logo. However, the way of doing so might is a bit confusing for new users as Brizy offers no element dedicated to adding site logo.
Generally speaking, there are two options to add site logo in Brizy. The first option, you can use the Image element and simply upload the image of your site logo. You can use this option if you use the free version of Brizy. Since Brizy Free doesn’t allow you to create a custom header, you can only add your site logo on regular Brizy blocks. The second option to add site logo in Brizy also uses the Image element. The difference is that the site logo is pulled from your site logo (which you have set via theme customizer) instead of uploaded manually. This article will show you how add the site logo in Brizy using the second option.
How to add site logo in Brizy
In case you are new to Brizy, you can read our previous article to learn how to use Brizy. In this article, we will go straight to adding the Image element. We will add the site logo to the header block.
Note: You need to use Brizy Pro to be able to add a header block and dynamic content.
On the Brizy editor, click the plus button to add a new block. Click the Header block on the left panel and select a ready-made header block you want to use. As you can see, each header block template contains a site logo.
Once the block is added, click the existing logo (the Image element) to show to settings bar. On the appearing settings bar, click the Image tab.
On the appearing panel, click the database icon and select Site Logo.
Chances are, your site logo won’t appear on the Brizy editor after you set the image to Site Logo. Instead, all you see is the image holder. No worries, your logo will appear on the front-end so you can preview your page or publish it to preview the logo. To resize the logo, you can simply drag each side (top, bottom, left, right) of the Image element according to the size you want to set.
To add a link to your site logo, you can click the Link tab on the Image element settings bar. You can click the database icon to select a dynamic link (including your site URL).