# Add a logo

## Uploading a Logo

1. Navigate to **Site Settings**.
2. Select the **Logo** tab.
3. Upload the logo file you want to use.

<figure><img src="/files/-Lhen3qRU4AbKZ1HQUda" alt="Upload your logo under &#x22;Site settings&#x22; > &#x22;Logo&#x22;" width="375"><figcaption><p>Upload your logo under "Site settings" > "Logo"</p></figcaption></figure>

{% hint style="info" %}
For optimal display, we recommend using a logo with dimensions of 1200 x 400 pixels to maintain an aspect ratio of 3:1. However, there is no strict requirement on logo proportions, allowing some flexibility in size.
{% endhint %}

## Uploading a logo variant for dark background

If you have a separate white version of your logo intended for use on dark backgrounds, you can upload it to the "files" section with the filename "light-logo" of your websites homepage.  Once uploaded, this logo variant will automatically be used on pages featuring a content slider.

### Adding the light logo variant:

1. Navigate to **Your Site > Homepage** in NationBuilder.
2. Select the **Files** tab.
3. Upload the light logo file ensure the file name includes "light-logo.".

<br>


---

# 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://docs.codenation.com/campana/launching-time-to-go-live/add-a-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.
