# Change Top Logo on the Left

**URL:** https://discourse.nodered.org/t/change-top-logo-on-the-left/67728
**Category:** General
**Created:** [15 September 2022 02:32 UTC](https://discourse.nodered.org/t/change-top-logo-on-the-left/67728 "2022-09-15T02:32:03Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![edgars](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/edgars/32/67773_2.png) [@edgars](https://discourse.nodered.org/u/edgars)
#### Post date: [15 September 2022 02:32 UTC](https://discourse.nodered.org/t/change-top-logo-on-the-left/67728/1 "2022-09-15T02:32:03Z")

</div>

Hi People,

Version: Node-RED version: v3.0.2

I am trying to change the top logo on the left, I followed the documentation, but it is not working.

I followed this doc:

> **[Configuration : Node-RED](https://nodered.org/docs/user-guide/runtime/configuration#editor-themes)**

But it did not worked,

### What I did:

I added the files into my project under a folder /static/logo.png

I configured the settings.js like this:

` httpStatic: "static",`

I configured the editor-theme like that:

```auto
            header: {
                title: "XYZ",
                image: "logo.png"
            },

```

But the original logo is never replaced for the new one, when I checked the running UI, I can see the following image url address and never the one that I had configured:

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/7/e/7e698d596cc4fafdd218e656c37e8b8aaefc41b3.png)

Please, anyone could help?

Thanks

Edgar

---

<div class="post-metadata">

### Author: ![jbudd](https://avatars.discourse-cdn.com/v4/letter/j/5f8ce5/32.png) [@jbudd](https://discourse.nodered.org/u/jbudd)
#### Post date: [15 September 2022 04:39 UTC](https://discourse.nodered.org/t/change-top-logo-on-the-left/67728/2 "2022-09-15T04:39:33Z")

</div>

You need to use the full pathname of the logo file

```auto
            header: {
                title: "XYZ",
                image: "/home/username/.node-red/static/logo.png"
            },

```

[https://discourse.nodered.org/t/custom-div-banner-above-the-editor/52284](https://discourse.nodered.org/t/custom-div-banner-above-the-editor/52284)

Edit - I just checked and it does work with the full pathname, the value of httpStatic is not used for this.

---

<div class="post-metadata">

### Author: ![edgars](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/edgars/32/67773_2.png) [@edgars](https://discourse.nodered.org/u/edgars)
#### Post date: [15 September 2022 14:26 UTC](https://discourse.nodered.org/t/change-top-logo-on-the-left/67728/3 "2022-09-15T14:26:53Z")

</div>

Hey @jbudd

In the end I made it work, and in order to avoid keep this information fixed, I managed to use as the follow:

```auto
            header: {
                title: " ",
                image: __dirname + "/static/logo.png",
            },

```

With that I am able to generate a more dynamic way to move the logo working in any environment or even a container

Thanks

---

<div class="post-metadata">

### Author: ![jbudd](https://avatars.discourse-cdn.com/v4/letter/j/5f8ce5/32.png) [@jbudd](https://discourse.nodered.org/u/jbudd)
#### Post date: [15 September 2022 18:28 UTC](https://discourse.nodered.org/t/change-top-logo-on-the-left/67728/4 "2022-09-15T18:28:35Z")

</div>

I'm glad you got it working.

Maybe you could post your complete solution here for the benefit of others?

---

<div class="post-metadata">

### Author: ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)
#### Post date: [29 September 2022 18:28 UTC](https://discourse.nodered.org/t/change-top-logo-on-the-left/67728/5 "2022-09-29T18:28:43Z")

</div>

This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.