# How to Change Header Icon Color?

**URL:** <https://meta.discourse.org/t/how-to-change-header-icon-color/106098>\
**Category:** Development\
**Created:** [January 9, 2019, 7:11pm UTC](https://meta.discourse.org/t/how-to-change-header-icon-color/106098 "2019-01-09T19:11:15Z")\
**Posts on this page:** 1\
**Showing post:** 3

<div class="post-metadata">

**Author:** ![outofthebox](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/outofthebox/32/83708_2.png) [@outofthebox](https://meta.discourse.org/u/outofthebox)\
**Post date:** [February 18, 2019, 2:39pm UTC](https://meta.discourse.org/t/how-to-change-header-icon-color/106098/3 "2019-02-18T14:39:10Z")

</div>

Hi,

I have this CSS:

```
header{
    
    height: auto !important;
    
    .wrap{
        padding:14px 0;
    }
    
    .btn-flat .d-icon{
        opacity: 1 !important;
    }
    
    .d-header-icons .icon{
        color: #ffffff;
        padding: 0.4em;
    }
    
    .d-header-icons .icon:hover{
        background-color: #ffffff;
        opacity: 1 !important;
        color: #001d4d;
    }

```

However, perhaps as we are now on one of the latest releases, now the home, search, and menu icons are greyed out. Can you explain how to make these icons white with opacity of 1? Did any of the selectors change?

---

_[View the full topic](https://meta.discourse.org/t/how-to-change-header-icon-color/106098)._