# Cant change background of H3 tag in UI template

**URL:** <https://discourse.nodered.org/t/cant-change-background-of-h3-tag-in-ui-template/21578>\
**Category:** Dashboard\
**Created:** [12 February 2020 03:37 UTC](https://discourse.nodered.org/t/cant-change-background-of-h3-tag-in-ui-template/21578 "2020-02-12T03:37:33Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![Henjoe](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/henjoe/32/52335_2.png) [@Henjoe](https://discourse.nodered.org/u/Henjoe)\
**Post date:** [12 February 2020 03:37 UTC](https://discourse.nodered.org/t/cant-change-background-of-h3-tag-in-ui-template/21578/1 "2020-02-12T03:37:33Z")

</div>

Dear all, I have simple UI-template , I am trying to make bg-color of H3 to be color black.  
But it seems like node-red doesnt allow my simple CSS.  
i have CSS like h3{ bacground-color:black} but it is not working. Kindly see pictures why I need to make my H3 and P html tag should be black. Basically the background Div tag is black but not the content.  
Thanks in advance!!  
 ![faceplate OMS](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/3/a/3affdaccc830d2cdf3458ffce4900f98a9db7441.jpeg)

---

<div class="post-metadata">

**Author:** ![TotallyInformation](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/totallyinformation/32/31_2.png) [@TotallyInformation](https://discourse.nodered.org/u/TotallyInformation)\
**Post date:** [13 February 2020 13:49 UTC](https://discourse.nodered.org/t/cant-change-background-of-h3-tag-in-ui-template/21578/2 "2020-02-13T13:49:29Z")

</div>

Have you used your browser's developer tools to investigate the DOM? You should be able to use the "select element" button and hover/click over the item and then see what CSS already exists but more importantly work out the CSS path required to change it.

---

<div class="post-metadata">

**Author:** ![afelix](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/afelix/32/9743_2.png) [@afelix](https://discourse.nodered.org/u/afelix)\
**Post date:** [13 February 2020 15:08 UTC](https://discourse.nodered.org/t/cant-change-background-of-h3-tag-in-ui-template/21578/3 "2020-02-13T15:08:08Z")

</div>

> [@Henjoe](#):
>
> h3{ bacground-color:black}

If this is literally your CSS, the reason is a typo: try it as `h3 { background-color: black; }`  
you missed a **k** in the word background.

---

<div class="post-metadata">

**Author:** ![Henjoe](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/henjoe/32/52335_2.png) [@Henjoe](https://discourse.nodered.org/u/Henjoe)\
**Post date:** [13 February 2020 21:50 UTC](https://discourse.nodered.org/t/cant-change-background-of-h3-tag-in-ui-template/21578/4 "2020-02-13T21:50:31Z")

</div>

Thanks for all of your answer. I actually see it in browsers and found out that most of the CSS are in class "md-TagElement", So I change all my Tag from Div to md-div, as well as h3 to md-h3. And it is now working.

---

<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:** [14 March 2020 21:50 UTC](https://discourse.nodered.org/t/cant-change-background-of-h3-tag-in-ui-template/21578/5 "2020-03-14T21:50:31Z")

</div>

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