# 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 %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://documentation.hedwik.io/elrond/customization/logo.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.