# Change the font-family for a specific dashboard switch label

**URL:** <https://discourse.nodered.org/t/change-the-font-family-for-a-specific-dashboard-switch-label/61264>\
**Category:** Dashboard\
**Created:** [13 April 2022 21:05 UTC](https://discourse.nodered.org/t/change-the-font-family-for-a-specific-dashboard-switch-label/61264 "2022-04-13T21:05:40Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![gschmidt](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/gschmidt/32/60349_2.png) [@gschmidt](https://discourse.nodered.org/u/gschmidt)\
**Post date:** [13 April 2022 21:05 UTC](https://discourse.nodered.org/t/change-the-font-family-for-a-specific-dashboard-switch-label/61264/1 "2022-04-13T21:05:40Z")

</div>

Hi,

I am creating a Google Home Alarm Clock dashboard.  
In this flow I have several dasboard switches,  
however I want to change the font-family and size of a label of only one of the switches.

How do I do that?  
In the \<\\> Template node or in the \<\\> class of that specific switch?

In my template node I manage to change the cardtitle:

```auto
.nr-dashboard-cardtitle {
   
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 22px; 
}

```

---

<div class="post-metadata">

**Author:** ![jbudd](https://avatars.discourse-cdn.com/v4/letter/j/5f8ce5/32.png) [@jbudd](https://discourse.nodered.org/u/jbudd)\
**Post date:** [13 April 2022 22:12 UTC](https://discourse.nodered.org/t/change-the-font-family-for-a-specific-dashboard-switch-label/61264/2 "2022-04-13T22:12:39Z")

</div>

In your template you can add a style rule

```auto
[node-id = "8d254c688c7d5b14"] p.label {
...
}

```

Or if you prefer, give the switch a special CSS class name and style it with

```auto
.specialcssclass p.label {
...
}

```

---

<div class="post-metadata">

**Author:** ![gschmidt](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/gschmidt/32/60349_2.png) [@gschmidt](https://discourse.nodered.org/u/gschmidt)\
**Post date:** [15 April 2022 07:19 UTC](https://discourse.nodered.org/t/change-the-font-family-for-a-specific-dashboard-switch-label/61264/3 "2022-04-15T07:19:04Z")

</div>

Thanx, both work but I use the template!

---

<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:** [29 April 2022 07:20 UTC](https://discourse.nodered.org/t/change-the-font-family-for-a-specific-dashboard-switch-label/61264/4 "2022-04-29T07:20:04Z")

</div>

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