# Custom \<div\> banner above the Editor

**URL:** <https://discourse.nodered.org/t/custom-div-banner-above-the-editor/52284>\
**Category:** General\
**Created:** [16 October 2021 06:06 UTC](https://discourse.nodered.org/t/custom-div-banner-above-the-editor/52284 "2021-10-16T06:06:49Z")\
**Posts on this page:** 1\
**Showing post:** 2

<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:** [16 October 2021 08:42 UTC](https://discourse.nodered.org/t/custom-div-banner-above-the-editor/52284/2 "2021-10-16T08:42:47Z")

</div>

Welcome to the forum sambarlas.

This is not quite what you are asking for but it is possible to change the image & text in the header and make them link to another page:  
In settings.js

```auto
header: {
    title: "Red in Tooth & Claw",
    image: "/home/pi/.node-red/node-red-static/myimages/redfox.jpg",
    url: "https://nodered.org"
},

```

You need to tweek the CSS to make image & text larger and move the main page content down.

 ![Untitled 1](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/9/1/9124d3b7e34d3b22315512ab0b83f009a63fbdb2.jpeg)

---

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