# How to make header section semi-transparent

**URL:** <https://forum.inductiveautomation.com/t/how-to-make-header-section-semi-transparent/34970>\
**Category:** Ignition\
**Created:** [May 22, 2020, 12:05pm UTC](https://forum.inductiveautomation.com/t/how-to-make-header-section-semi-transparent/34970 "2020-05-22T12:05:36Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![ajay\_phadnis](https://avatars.discourse-cdn.com/v4/letter/a/ce7236/32.png) [@ajay\_phadnis](https://forum.inductiveautomation.com/u/ajay_phadnis)\
**Post date:** [May 22, 2020, 12:05pm UTC](https://forum.inductiveautomation.com/t/how-to-make-header-section-semi-transparent/34970/1 "2020-05-22T12:05:36Z")

</div>

Hello,

I am using Ignition edge perspective 8.0.12 and I want make my header section semi-transparent.

Can anyone know how to make this effectively?

Thanks in advance.

---

<div class="post-metadata">

**Author:** ![kgamble](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/kgamble/32/8019_2.png) [@kgamble](https://forum.inductiveautomation.com/u/kgamble)\
**Post date:** [May 23, 2020, 2:08pm UTC](https://forum.inductiveautomation.com/t/how-to-make-header-section-semi-transparent/34970/3 "2020-05-23T14:08:06Z")

</div>

I haven’t tested it in 8.0.12 but for a long time all docked views had a default white background behind the primary root container that couldn’t be changed

In 8.0.13 they introduced a huge theming update, which chances are may allow you to do exactly what you are asking. So if it doesn’t work in 8.0.12 you could test it in the 8.0.13 release candidate

Either way the answer is:  
On the style property for your root container, add backgroundColor and give it a color code with some transparency

---

<div class="post-metadata">

**Author:** ![ajay\_phadnis](https://avatars.discourse-cdn.com/v4/letter/a/ce7236/32.png) [@ajay\_phadnis](https://forum.inductiveautomation.com/u/ajay_phadnis)\
**Post date:** [May 26, 2020, 4:35am UTC](https://forum.inductiveautomation.com/t/how-to-make-header-section-semi-transparent/34970/4 "2020-05-26T04:35:17Z")

</div>

Thanks @kgamble 🙂