How to Add Your Own Logo

Your Logo represents your brand and has the power to gain your customers’ trust.

With Sitebeat, you can add your logo to create a website that perfectly matches your branding. We have hundreds of powerful Sitebeat templates that you can choose from to help you with your logo placement. Simply customise it to fit the layout you want.

If you don’t have a logo image ready, Sitebeat gives you the option to add in a logo text instead.

To add a logo to your website, follow the instructions below:

  1. Log In to access the Sitebeat dashboard.
  2. Under My Sites, click the Edit Site option of the website that you wish to manage.
  3. Note: If you want to edit a new site, you have to unpublish the current website and make your new site as your primary website.

    Under My Sites, click the [...] Ellipsis Icon on the top-right corner of the website to unpublish the current site. Click Unpublish Site, and then click Yes, Unpublish to confirm.

    Under My Domains, click the [...] Ellipsis Icon of the website that you want to replace as your primary website, then click Replace Primary. In the pop-up window, select the domain of the new website in the New Primary Domain list, then click Replace Primary. You can also click the Domains tab under My Sites to perform the necessary steps mentioned.

    You can now edit the new site that you wish to manage.

  4. On your Site Editor, hover your mouse pointer over the default logo, and then click Edit. A pop-up box will appear.
  5. Choose between Image or Text, and then follow the respective steps below to add and customise it:

    Adding an Image Logo:

    1. Click on the Upload box.
    2. Add the logo image you would like to appear on your actual website using any of the following methods:
      Upload If the logo is in your computer, drag and drop it into the pop-up window. You can also click browse to manually look for the logo from your list of folders and upload it to Sitebeat.
      Access My Photos If the logo was previously uploaded into Sitebeat, click the My Photos tab from the pop-up window, and then select the logo.
      Access the Cloud If the logo is in an online file-sharing account, click the Clouds tab from the pop-up window. Connect to your online account, and then search for and select the logo.
      Use Free Photos If you want to use a free image from Sitebeat as your temporary logo, click the Free Photos tab from the pop-up window, and then navigate through the categories and select the picture.
    3. After image has been uploaded or selected, click the Select button at the lower-right corner of the pop-up window.
    4. Click the [1:1] Icon on the top-left corner of the logo, or the Resize Icon beside it to customise:
      [1:1] Icon Click to automatically fit the original dimensions of the image to the available space.
      Resize Icon Click this to display a resizing bar at the bottom. Use the bar to zoom in and out of the image, and then click and drag the image to move it around and select which part of it you would like to use.
    5. Click the Check Icon at the top-right corner of the logo to save.

      Note: If you need to go back and customise the image, hover your mouse pointer over the logo and click the Edit button. Under Image, click Crop.

    Adding a Text Logo:

    1. Enter the desired logo text under Name.
    2. Click and drag the pointer under Font Size to adjust.
    3. Scroll down and select the Font type, Style, and Format you would like to use from the respective drop-down lists.
  6. Enable On Click Link to Homepage option, if you want to link your logo to your homepage.


Resize the Block
A Block is a section of your website containing several features. Resizing the Block where your logo is located will also resize your logo. Simply hover your mouse pointer over the Block and click on the Resizing Tool that appears at the bottom, and then drag up and down to adjust.

Change the Block's Layout
You can manually change the placement of your logo by editing the Block's Layout. Simply hover your mouse pointer over the Block where your logo is located, and then click the Layout Icon that appears on its upper-right side. On the pop-up box that appears, drag the bar that says Logo to change its placement.

Was this helpful?
100% of people found this helpful.