# Change dashboard name size

**URL:** https://discourse.nodered.org/t/change-dashboard-name-size/41617
**Category:** Dashboard
**Created:** [25 February 2021 10:54 UTC](https://discourse.nodered.org/t/change-dashboard-name-size/41617 "2021-02-25T10:54:24Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![xors](https://avatars.discourse-cdn.com/v4/letter/x/b9bd4f/32.png) [@xors](https://discourse.nodered.org/u/xors)
#### Post date: [25 February 2021 10:54 UTC](https://discourse.nodered.org/t/change-dashboard-name-size/41617/1 "2021-02-25T10:54:24Z")

</div>

Hi there,

I've been using Node-red for quite a long time but it's the first time I come across an issue I can't find the solution to, so here I am asking it to you the experts.

Is there a way to increase the size of the dashboard name shown in the upper left corner, right next to the 3 horizontal lines? I'm projecting different dashboards in different screens, all look pretty much the same, so showing that name bigger would make a difference.

Thanks for your help!

---

<div class="post-metadata">

### Author: ![Andrei](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/andrei/32/10446_2.png) [@Andrei](https://discourse.nodered.org/u/Andrei)
#### Post date: [25 February 2021 11:05 UTC](https://discourse.nodered.org/t/change-dashboard-name-size/41617/2 "2021-02-25T11:05:31Z")

</div>

Apparently, there is a similar question answer here:

> [@Improvement: header&footer](https://discourse.nodered.org/t/improvement-header-footer/502/24):
>
> While this is nice and easy, I would suggest using outline instead of border, as border changes various things like sizes of bounding box and breaks margin collapsing so with border you might have all ok, then remove the border and break your precise layout. outline does not bring those issues.

---

<div class="post-metadata">

### Author: ![Marooned](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/marooned/32/2858_2.png) [@Marooned](https://discourse.nodered.org/u/Marooned)
#### Post date: [25 February 2021 12:20 UTC](https://discourse.nodered.org/t/change-dashboard-name-size/41617/3 "2021-02-25T12:20:44Z")

</div>

I believe my quoted answer is not suitable here.  
@xors: you can put `template node` in your NR and add custom CSS there:

```auto
<style>
#nr-dashboard-toolbar h1 {
    font-size: 30px;
}
</style>

```

As CSS is global, it will affect Dashboard UI so you can tweak it as you wish.

---

<div class="post-metadata">

### Author: ![xors](https://avatars.discourse-cdn.com/v4/letter/x/b9bd4f/32.png) [@xors](https://discourse.nodered.org/u/xors)
#### Post date: [25 February 2021 14:24 UTC](https://discourse.nodered.org/t/change-dashboard-name-size/41617/4 "2021-02-25T14:24:21Z")

</div>

> [@Marooned](#):
>
> ```auto
> <style>
> #nr-dashboard-toolbar h1 {
> font-size: 30px;
> }
> </style>
> 
> ```

Great solution, thanks for your swift reply!!

---

<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: [11 March 2021 14:24 UTC](https://discourse.nodered.org/t/change-dashboard-name-size/41617/5 "2021-03-11T14:24:52Z")

</div>

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