# Style notification buttons

**URL:** <https://discourse.nodered.org/t/style-notification-buttons/63218>\
**Category:** Dashboard\
**Created:** [29 May 2022 14:38 UTC](https://discourse.nodered.org/t/style-notification-buttons/63218 "2022-05-29T14:38:50Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![fmarzocca](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/fmarzocca/32/35901_2.png) [@fmarzocca](https://discourse.nodered.org/u/fmarzocca)\
**Post date:** [29 May 2022 14:38 UTC](https://discourse.nodered.org/t/style-notification-buttons/63218/1 "2022-05-29T14:38:50Z")

</div>

How can I style the notification buttons, to display black text?  
 ![Schermata 2022-05-29 alle 16.36.40](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/a/6/a63b85c21f28e3e553fdbda22a0a9bde8fb5ced6.png)

I have tried with:

```auto
<style>
.md-button.md-default-theme.md-primary, .md-button.md-primary {
    color: black ! important;
}
</style>

```

but it doesn't change.

---

<div class="post-metadata">

**Author:** ![Steve-Mcl](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/steve-mcl/32/4826_2.png) [@Steve-Mcl](https://discourse.nodered.org/u/Steve-Mcl)\
**Post date:** [29 May 2022 14:39 UTC](https://discourse.nodered.org/t/style-notification-buttons/63218/2 "2022-05-29T14:39:56Z")

</div>

> [@fmarzocca](#):
>
> `color: black ! important;`

`color: black !important;`

(assuming your selector is correct)

---

<div class="post-metadata">

**Author:** ![fmarzocca](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/fmarzocca/32/35901_2.png) [@fmarzocca](https://discourse.nodered.org/u/fmarzocca)\
**Post date:** [29 May 2022 14:41 UTC](https://discourse.nodered.org/t/style-notification-buttons/63218/3 "2022-05-29T14:41:49Z")

</div>

yes, sorry. that was a typo.  
I entered the right syntax but it doesn't work

---

<div class="post-metadata">

**Author:** ![Steve-Mcl](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/steve-mcl/32/4826_2.png) [@Steve-Mcl](https://discourse.nodered.org/u/Steve-Mcl)\
**Post date:** [29 May 2022 14:50 UTC](https://discourse.nodered.org/t/style-notification-buttons/63218/4 "2022-05-29T14:50:11Z")

</div>

On my installation the following works.

```auto
#nr-dashboard > div.md-dialog-container > md-dialog > md-dialog-actions > button {
    color: black;
}

```

but i may not have the same setup / version etc.

You should use the devtools "copy CSS path" option.

![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/9/9/9988dcf8393b217db33c27110911ad7ed3797c0d.png)

---

<div class="post-metadata">

**Author:** ![fmarzocca](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/fmarzocca/32/35901_2.png) [@fmarzocca](https://discourse.nodered.org/u/fmarzocca)\
**Post date:** [29 May 2022 15:00 UTC](https://discourse.nodered.org/t/style-notification-buttons/63218/5 "2022-05-29T15:00:59Z")

</div>

> [@Steve-Mcl](#):
>
> ```auto
> #nr-dashboard > div.md-dialog-container > md-dialog > md-dialog-actions > button {
> color: black;
> }
> 
> ```

Yes, I used DevTools, and that line is exactly what it reports... Weird. Your style is not working too...

---

<div class="post-metadata">

**Author:** ![fmarzocca](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/fmarzocca/32/35901_2.png) [@fmarzocca](https://discourse.nodered.org/u/fmarzocca)\
**Post date:** [29 May 2022 15:03 UTC](https://discourse.nodered.org/t/style-notification-buttons/63218/6 "2022-05-29T15:03:37Z")

</div>

My bad!!!! Sorry, I forgot to remove a msgClassname message that was interfering with the template!  
Now it works...

---

<div class="post-metadata">

**Author:** ![fmarzocca](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/fmarzocca/32/35901_2.png) [@fmarzocca](https://discourse.nodered.org/u/fmarzocca)\
**Post date:** [29 May 2022 15:05 UTC](https://discourse.nodered.org/t/style-notification-buttons/63218/7 "2022-05-29T15:05:01Z")

</div>

@Steve-Mcl , and thank you for your time!

---

<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:** [12 June 2022 15:05 UTC](https://discourse.nodered.org/t/style-notification-buttons/63218/8 "2022-06-12T15:05:32Z")

</div>

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