# How can I make this 1x1 spacer invisible?

**URL:** <https://discourse.nodered.org/t/how-can-i-make-this-1x1-spacer-invisible/79006>\
**Category:** Dashboard\
**Created:** [7 June 2023 06:24 UTC](https://discourse.nodered.org/t/how-can-i-make-this-1x1-spacer-invisible/79006 "2023-06-07T06:24:43Z")\
**Posts on this page:** 3\
**Page:** 2

<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 06:29 UTC](https://discourse.nodered.org/t/how-can-i-make-this-1x1-spacer-invisible/79006/21 "2023-06-12T06:29:02Z")

</div>

As you are already overriding dashboard default styles, add this rule

```auto
ui-card-panel:has(.invisible-group){
   opacity:0 !important;
}

```

And for that ui\_teplate node which is situated in the group which becomes invisible give a class "invisible-group"

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

---

<div class="post-metadata">

**Author:** ![Loveflowersx](https://avatars.discourse-cdn.com/v4/letter/l/94ad74/32.png) [@Loveflowersx](https://discourse.nodered.org/u/Loveflowersx)\
**Post date:** [12 June 2023 06:43 UTC](https://discourse.nodered.org/t/how-can-i-make-this-1x1-spacer-invisible/79006/22 "2023-06-12T06:43:33Z")

</div>

It worked, thank you very 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 06:44 UTC](https://discourse.nodered.org/t/how-can-i-make-this-1x1-spacer-invisible/79006/23 "2023-06-26T06:44:05Z")

</div>

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

[Previous page](https://discourse.nodered.org/t/how-can-i-make-this-1x1-spacer-invisible/79006.md?page=1)