# Can an image be set in a dashboard group title?

**URL:** https://discourse.nodered.org/t/can-an-image-be-set-in-a-dashboard-group-title/79139
**Category:** Dashboard
**Tags:** node-red-dashboard
**Created:** [12 June 2023 07:41 UTC](https://discourse.nodered.org/t/can-an-image-be-set-in-a-dashboard-group-title/79139 "2023-06-12T07:41:15Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![douchebagraccoon](https://avatars.discourse-cdn.com/v4/letter/d/d2c977/32.png) [@douchebagraccoon](https://discourse.nodered.org/u/douchebagraccoon)
#### Post date: [12 June 2023 07:41 UTC](https://discourse.nodered.org/t/can-an-image-be-set-in-a-dashboard-group-title/79139/1 "2023-06-12T07:41:16Z")

</div>

Hello !

I'm new to node red and I've started playing around with the dashboard.  
I would like to put an image next to a group title but I haven't found a way to do so.

I found CSS code to add an image or a logo to the toolbar, but never to a group title.

Sorry if this is a dumb question and thank you in advance !

---

<div class="post-metadata">

### Author: ![hotNipi](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/hotnipi/32/383_2.png) [@hotNipi](https://discourse.nodered.org/u/hotNipi)
#### Post date: [12 June 2023 08:42 UTC](https://discourse.nodered.org/t/can-an-image-be-set-in-a-dashboard-group-title/79139/2 "2023-06-12T08:42:06Z")

</div>

Add class name to the group element like this

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/3/8/38b21ad2a089fcff1352d509a92c2718b0eb07af.png)

Then make an ui\_template to customize dashboard CSS

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

And the CSS rule for that group is something like this:

```auto
.label-image > p:after{
            content: "";
            width: 30px;
            height: 30px;
            background-image: url(https://nodered.org/about/resources/media/node-red-icon.png);
            background-repeat: no-repeat;
            top: 10px;
            background-size: contain;
            right: 5px;
            position: absolute;
            display: inline-block;
    }

```

You'll need to modify it by your needs of course.

---

<div class="post-metadata">

### Author: ![douchebagraccoon](https://avatars.discourse-cdn.com/v4/letter/d/d2c977/32.png) [@douchebagraccoon](https://discourse.nodered.org/u/douchebagraccoon)
#### Post date: [12 June 2023 09:23 UTC](https://discourse.nodered.org/t/can-an-image-be-set-in-a-dashboard-group-title/79139/3 "2023-06-12T09:23:16Z")

</div>

It worked! Thanks so much 🙂

---

<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: [26 June 2023 09:24 UTC](https://discourse.nodered.org/t/can-an-image-be-set-in-a-dashboard-group-title/79139/4 "2023-06-26T09:24:16Z")

</div>

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