# Modify toolbar's height

**URL:** <https://discourse.nodered.org/t/modify-toolbars-height/87080>\
**Category:** Dashboard\
**Created:** [8 April 2024 14:20 UTC](https://discourse.nodered.org/t/modify-toolbars-height/87080 "2024-04-08T14:20:43Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![mariulin](https://avatars.discourse-cdn.com/v4/letter/m/a9adbd/32.png) [@mariulin](https://discourse.nodered.org/u/mariulin)\
**Post date:** [8 April 2024 14:20 UTC](https://discourse.nodered.org/t/modify-toolbars-height/87080/1 "2024-04-08T14:20:43Z")

</div>

Hello everybody.

Is possible to change the toolbar's height? I've try some modification working on a template with some code but no result.

 .md-toolbar-tools { ...... CSS ...... CSS ...... CSS

For toolbar height, I intend this part of Dashboard:  
 ![toolbar](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/b/9/b99ecc0e7776df55e62756c7651151ef2efe3653.png)

Thank you

---

<div class="post-metadata">

**Author:** ![Colin](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/colin/32/17040_2.png) [@Colin](https://discourse.nodered.org/u/Colin)\
**Post date:** [8 April 2024 14:35 UTC](https://discourse.nodered.org/t/modify-toolbars-height/87080/2 "2024-04-08T14:35:35Z")

</div>

I think this post has solutions both for the older dashboard and dashboard 2.

> [@Title bar (set dimension)](https://discourse.nodered.org/t/title-bar-set-dimension/86420):
>
> Hi, I would like to set the height or hide the title bar, is it possible?

---

<div class="post-metadata">

**Author:** ![mariulin](https://avatars.discourse-cdn.com/v4/letter/m/a9adbd/32.png) [@mariulin](https://discourse.nodered.org/u/mariulin)\
**Post date:** [8 April 2024 14:49 UTC](https://discourse.nodered.org/t/modify-toolbars-height/87080/3 "2024-04-08T14:49:40Z")

</div>

Ok. It works whith this code in a "head section" template:

```auto
<style>
    .md-toolbar-tools{
    max-height: 15px !important;
    font-size: 10px !important;
    }
    
   md-toolbar{
      min-height: 15px !important;
    }
</style>

```

Thank you very much.  
Mario

---

<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:** [22 April 2024 14:49 UTC](https://discourse.nodered.org/t/modify-toolbars-height/87080/4 "2024-04-22T14:49:57Z")

</div>

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