Add a website logo

In this article, you will learn about how to add a logo to the Editor and how you can make use of the integrated corporate identity detection to extract the logo's colors. 

 

Table of Contents

• Add a logo
• Use logo colors for your website

---

Add a logo

We highly recommend using the following setup when adding a logo to your website:

1. Go to More > Website Settings and add a file to the logo section. This will act as a global logo setting. 
   
2. Now, whenever you want to display a logo on your website, use the logo element (instead of a regular image element) that you can find in the left Content Sidebar in the category Elements. This will automatically pull the file that you uploaded under More > Website Settings and display the same logo everywhere. 
   

If you ever want to change your logo, you just have to update the logo section under More > Website Settings and the change will be applied to all logo elements on the website. You can also upload the new logo to one of the logo elements and click "Yes, update" when an overlay appears to ask if this new file should be applied globally. 

 

---

Use logo colors for your Website

To save time picking and choosing colors, you can use the integrated color detection feature. When you upload a logo the colors of that logo will automatically be extracted. This will open an overlay where you can decide if you want to select new website colors that match the new logo. If you choose to change to color, please be aware that your currently selected color scheme under Design > Colors will be overwritten.

.