Change dashboard name size

[xors]

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!

[Andrei]

Apparently, there is a similar question answer here:

Improvement: header&footer

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.

[Marooned]

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

<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.

[xors]

@Marooned

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

Great solution, thanks for your swift reply!!