# How to change the colour of navigation bar?

**URL:** <https://colorlibsupport.com/t/how-to-change-the-colour-of-navigation-bar/21967>\
**Category:** Blesk\
**Created:** [August 3, 2018, 10:37pm UTC](https://colorlibsupport.com/t/how-to-change-the-colour-of-navigation-bar/21967 "2018-08-03T22:37:01Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![andy](https://colorlibsupport.com/letter_avatar_proxy/v4/letter/a/aeb1de/32.png) [@andy](https://colorlibsupport.com/u/andy)\
**Post date:** [August 3, 2018, 10:37pm UTC](https://colorlibsupport.com/t/how-to-change-the-colour-of-navigation-bar/21967/1 "2018-08-03T22:37:01Z")

</div>

Hi  
Can anyone help me to change the navigation color in the theme ?  
[iOSEmus.org](https://iosemus.org) [AppEven.com](https://app-even.com)

---

<div class="post-metadata">

**Author:** ![mikesupport17](https://colorlibsupport.com/letter_avatar_proxy/v4/letter/m/bc8723/32.png) [@mikesupport17](https://colorlibsupport.com/u/mikesupport17)\
**Post date:** [August 4, 2018, 4:48pm UTC](https://colorlibsupport.com/t/how-to-change-the-colour-of-navigation-bar/21967/2 "2018-08-04T16:48:11Z")

</div>

Hi Andy,  
Thanks for reaching out.  
Relating to your question here, could you kindly elaborate on this. Is it that you want to alter the navigation bar background or the navigation menu items. Perhaps you can send a screenshot on the exact section or items just to avoid any sort of confusion.

I look forward to your reply.  
Best Regards,  
Support.

---

<div class="post-metadata">

**Author:** ![frackman](https://colorlibsupport.com/letter_avatar_proxy/v4/letter/f/67e7ee/32.png) [@frackman](https://colorlibsupport.com/u/frackman)\
**Post date:** [August 9, 2018, 6:57am UTC](https://colorlibsupport.com/t/how-to-change-the-colour-of-navigation-bar/21967/3 "2018-08-09T06:57:32Z")

</div>

You can simply add custom CSS to change color of navigation bar. You can also add background image to your header or navigation bar. I am also using custom css to change color and header look of my website [frackmanthemovie.com](https://frackmanthemovie.com/)

---

<div class="post-metadata">

**Author:** ![mikesupport17](https://colorlibsupport.com/letter_avatar_proxy/v4/letter/m/bc8723/32.png) [@mikesupport17](https://colorlibsupport.com/u/mikesupport17)\
**Post date:** [August 9, 2018, 11:41am UTC](https://colorlibsupport.com/t/how-to-change-the-colour-of-navigation-bar/21967/4 "2018-08-09T11:41:07Z")

</div>

Hello there,

I hope you are doing well today.

You can use the following CSS code to change the header color by going to Appearance \> Customize \> Additional CSS and pasting it there.

```auto

.bottom-header {
    background-color: blue;
}

```

Best Regards,  
Support

---

<div class="post-metadata">

**Author:** ![colorlibsupport](https://colorlibsupport.com/user_avatar/colorlibsupport.com/colorlibsupport/32/1494_2.png) [@colorlibsupport](https://colorlibsupport.com/u/colorlibsupport)\
**Post date:** [December 30, 2022, 10:05am UTC](https://colorlibsupport.com/t/how-to-change-the-colour-of-navigation-bar/21967/6 "2022-12-30T10:05:41Z")

</div>

This case is resolved and I will mark it as closed

Regards

---

<div class="post-metadata">

**Author:** ![colorlibsupport](https://colorlibsupport.com/user_avatar/colorlibsupport.com/colorlibsupport/32/1494_2.png) [@colorlibsupport](https://colorlibsupport.com/u/colorlibsupport)\
**Post date:** [December 30, 2022, 10:05am UTC](https://colorlibsupport.com/t/how-to-change-the-colour-of-navigation-bar/21967/7 "2022-12-30T10:05:45Z")

</div>