# Add customize tool to the Navbar Style panel **URL:** \ **Category:** Feature Request\ **Created:** [September 10, 2020, 4:23pm UTC](https://forum.pinegrow.com/t/add-customize-tool-to-the-navbar-style-panel/4519 "2020-09-10T16:23:20Z")\ **Posts on this page:** 7\ **Page:** 1
**Author:** ![randyrie](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/randyrie/32/2103_2.png) [@randyrie](https://forum.pinegrow.com/u/randyrie)\ **Post date:** [September 10, 2020, 4:23pm UTC](https://forum.pinegrow.com/t/add-customize-tool-to-the-navbar-style-panel/4519/1 "2020-09-10T16:23:20Z")
Please consider adding a provision to override the BootStrap Navbar color defaults to the Navbar Style panel (see my attachment). ![navbar-customizer](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/0/05711287707d8308c2d7cc115a28e4b469193cb6.jpeg) ---
**Author:** ![billybob](https://avatars.discourse-cdn.com/v4/letter/b/e79b87/32.png) [@billybob](https://forum.pinegrow.com/u/billybob)\ **Post date:** [September 15, 2020, 3:59am UTC](https://forum.pinegrow.com/t/add-customize-tool-to-the-navbar-style-panel/4519/2 "2020-09-15T03:59:50Z")
I thought you just do it in ‘Style’. Or have I misread the question/request… ![style.01](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/e/efd505be51ddd7c7d94594b3ea6d7971d1cc40ac.png) ---
**Author:** ![AllMediaLab](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/allmedialab/32/2079_2.png) [@AllMediaLab](https://forum.pinegrow.com/u/AllMediaLab)\ **Post date:** [September 15, 2020, 9:01am UTC](https://forum.pinegrow.com/t/add-customize-tool-to-the-navbar-style-panel/4519/3 "2020-09-15T09:01:41Z")
And a other image showing the same solution, but with a wider shot, you can change the navbar with one click! Here I changed it in red and it works for all sizes. (as long as you don’t start fiddling with the html). ![Pinegrow-navbar](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/2/2abd5a6404caba0164f0a1d9289992932ffbf4aa.png) ---
**Author:** ![AllMediaLab](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/allmedialab/32/2079_2.png) [@AllMediaLab](https://forum.pinegrow.com/u/AllMediaLab)\ **Post date:** [September 15, 2020, 9:14am UTC](https://forum.pinegrow.com/t/add-customize-tool-to-the-navbar-style-panel/4519/4 "2020-09-15T09:14:13Z")
Want a custom style? Just use for example my-navbar instead of bg-warning and: `.my-navbar { background: orange; }` Like in the post of @billybob ---
**Author:** ![randyrie](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/randyrie/32/2103_2.png) [@randyrie](https://forum.pinegrow.com/u/randyrie)\ **Post date:** [September 15, 2020, 7:50pm UTC](https://forum.pinegrow.com/t/add-customize-tool-to-the-navbar-style-panel/4519/5 "2020-09-15T19:50:20Z")
I set my navbar background color by using in-line styles since this is the only instance I’ll need this to happen: ![custom navbar bkgrnd-color](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/c/c4fd87ee14476e7edf7e591c8cda02143d48527b.png) Was this the correct method to follow? ---
**Author:** ![billybob](https://avatars.discourse-cdn.com/v4/letter/b/e79b87/32.png) [@billybob](https://forum.pinegrow.com/u/billybob)\ **Post date:** [September 16, 2020, 1:27am UTC](https://forum.pinegrow.com/t/add-customize-tool-to-the-navbar-style-panel/4519/6 "2020-09-16T01:27:54Z")
Whatever works I think mate. As a final check I always run my launched page through the W3C Validator: [https://validator.w3.org/](https://validator.w3.org/) ---
**Author:** ![RobM](https://avatars.discourse-cdn.com/v4/letter/r/278dde/32.png) [@RobM](https://forum.pinegrow.com/u/RobM)\ **Post date:** [September 16, 2020, 9:38am UTC](https://forum.pinegrow.com/t/add-customize-tool-to-the-navbar-style-panel/4519/7 "2020-09-16T09:38:04Z")
I agree with @billybob - if it works, go with it. The cons on inline are things like page bloat and non-reusability. If you aren’t already loading a custom stylesheet it will take more bandwidth to move that rule to a file all by itself. If you do have a custom sheet, then I would move it. Note: Bootstrap 4 has a class for padding of zero - `.p-0`, so you could eliminate that from your inline if desired If this is the only page with that navbar, you don’t have to worry about re-usability or design unity across pages, otherwise I would add it to a sheet that is loaded on every page.