# How to Add 2 Pictures in Header Section of Dashboard

**URL:** <https://discourse.nodered.org/t/how-to-add-2-pictures-in-header-section-of-dashboard/47822>\
**Category:** Dashboard\
**Created:** [30 June 2021 04:56 UTC](https://discourse.nodered.org/t/how-to-add-2-pictures-in-header-section-of-dashboard/47822 "2021-06-30T04:56:22Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![saqib](https://avatars.discourse-cdn.com/v4/letter/s/ecb155/32.png) [@saqib](https://discourse.nodered.org/u/saqib)\
**Post date:** [30 June 2021 04:56 UTC](https://discourse.nodered.org/t/how-to-add-2-pictures-in-header-section-of-dashboard/47822/1 "2021-06-30T04:56:22Z")

</div>

Hello Everyone,  
I am trying to add 2 to 3 logos in header section of my dashboard, I have added 1 already but i don't know how to add second one because if i use the same code with different pixel positions it replaces the old one. Picture of Dashboard is attached below.

 ![Screenshot 2021-06-30 094823](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/b/a/bafa535d4f18858ce9eae29920d2bf5cd58a2794.png)

This is the Template i am using:

```auto
<style>
    .md-toolbar-tools{
        background-image: url("/ncai.png");
        background-repeat: no-repeat;
        margin-left: 60px;
        margin-left: 0px;
        background-size: 300px 70px;
        background-position: 1170px;
    }
    .md-toolbar-tools h1{
        text-align: left;
        width: 250px;
    }
</style>

```

---

<div class="post-metadata">

**Author:** ![zenofmud](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/zenofmud/32/316_2.png) [@zenofmud](https://discourse.nodered.org/u/zenofmud)\
**Post date:** [30 June 2021 09:36 UTC](https://discourse.nodered.org/t/how-to-add-2-pictures-in-header-section-of-dashboard/47822/2 "2021-06-30T09:36:44Z")

</div>

Why not do it the easy way and combine the two/three logos into one image?

---

<div class="post-metadata">

**Author:** ![saqib](https://avatars.discourse-cdn.com/v4/letter/s/ecb155/32.png) [@saqib](https://discourse.nodered.org/u/saqib)\
**Post date:** [30 June 2021 09:38 UTC](https://discourse.nodered.org/t/how-to-add-2-pictures-in-header-section-of-dashboard/47822/3 "2021-06-30T09:38:57Z")

</div>

Yes after thinking a lot, i came up with the same solution. Thankyou

---

<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:** [30 July 2021 09:39 UTC](https://discourse.nodered.org/t/how-to-add-2-pictures-in-header-section-of-dashboard/47822/4 "2021-07-30T09:39:26Z")

</div>

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