> For the complete documentation index, see [llms.txt](https://documentation.hedwik.io/elrond/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://documentation.hedwik.io/elrond/customization/logo.md).

# Logo

There are certain things to consider when uploading a logo. Your logo should not contain too much empty space. You can remove unnecessary spaces using an image editing program.

{% hint style="info" %}
When uploading a logo, we recommend using an SVG format. If you don't have your logo in SVG format, you can upload a transparent PNG logo.
{% endhint %}

### Upload a logo

1. To upload and change a logo, go to the **"Design and branding"** settings in **Ghost Admin**.
2. In the opened window, under the **Brand** tab, find the **"Publication logo"** field and click **"Upload logo"** to upload your logo.
3. Finally, click **"Save"** to activate.

***

### Uploading a Secondary Logo for Dark mode

1. Go to the **"Design & Branding"** tab in the Ghost Admin panel.
2. In the opened window, click on the **"Theme"** tab, find the **"**Dark mode logo**"** field and click **"Upload image"** to upload your dark mode logo.
3. Finally, click **"Save"** to activate.

***

### How to change logo size?

1. In previous versions, this was done directly through the Ghost panel, but now you’ll need to do it from the **Code Injection** section.
2. Open **Code Injection** from the Ghost settings, then click on the **Site Header** tab.
3. **Paste the code below** into the section that opens, and choose your desired logo size.

```css
<style>
  :root{
    --header-logo-size:18px!important;
    --footer-logo-size:18px!important;
    --cover-image-height: 100px;
    --cover-opacity: 0.8;
   }
</style>
```

4. Finally, click **"Save"**.

{% hint style="info" %}
You can also include other custom variables within the same `:root` block, such as `--footer-logo-size` or `--cover-image-height`
{% endhint %}