# Change color of knack app menu

**URL:** <https://forums.knack.com/t/change-color-of-knack-app-menu/7518>\
**Category:** Ask Developers\
**Created:** [November 4, 2016, 11:28am UTC](https://forums.knack.com/t/change-color-of-knack-app-menu/7518 "2016-11-04T11:28:00Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![AjayGupta71893](https://avatars.discourse-cdn.com/v4/letter/a/7cd45c/32.png) [@AjayGupta71893](https://forums.knack.com/u/AjayGupta71893)\
**Post date:** [November 4, 2016, 11:28am UTC](https://forums.knack.com/t/change-color-of-knack-app-menu/7518/1 "2016-11-04T11:28:00Z")

</div>

Hi

I am a beginner in CSS styling of the knack application. I am unable to change my app menu background color. Can any one help me I am using the following CSS code

#kn-app-menu ul {  
 background-color: #3395FF !important;  
 border-color: #3395FF !important;  
}

Thanks in advance

---

<div class="post-metadata">

**Author:** ![AjayGupta71893](https://avatars.discourse-cdn.com/v4/letter/a/7cd45c/32.png) [@AjayGupta71893](https://forums.knack.com/u/AjayGupta71893)\
**Post date:** [November 6, 2016, 9:19am UTC](https://forums.knack.com/t/change-color-of-knack-app-menu/7518/2 "2016-11-06T09:19:07Z")

</div>

Hi Bennet

By constant playing I was able to figure out the solution. It works perfectly.

.kn-content #kn-app-menu ul {  
 background: -webkit-linear-gradient(left, #3373FF , #33691e , #E99D07);  
 border: 0px !important;

Thank you

---

<div class="post-metadata">

**Author:** ![BennetSt.L83204](https://avatars.discourse-cdn.com/v4/letter/b/848f3c/32.png) [@BennetSt.L83204](https://forums.knack.com/u/BennetSt.L83204)\
**Post date:** [November 4, 2016, 12:42pm UTC](https://forums.knack.com/t/change-color-of-knack-app-menu/7518/3 "2016-11-04T12:42:49Z")

</div>

Try:

#kn-app-menu \> ul {

background-color: #3395FF !important;  
border-color: #3395FF !important;

}

---

<div class="post-metadata">

**Author:** ![AjayGupta71893](https://avatars.discourse-cdn.com/v4/letter/a/7cd45c/32.png) [@AjayGupta71893](https://forums.knack.com/u/AjayGupta71893)\
**Post date:** [November 4, 2016, 11:32am UTC](https://forums.knack.com/t/change-color-of-knack-app-menu/7518/4 "2016-11-04T11:32:10Z")

</div>

In case you want to say why not do it from layout and colors option from knack application settings. I want to use CSS for gradient fill which I think is not possible without CSS.