How To Change Header Menu Button Color (Nav bar color)

crazydream
February 12, 2013 at 10:07 am #6825

Hi Prasanna,

I would like to change my website’s nav bar Color just like your site. Would you please give some of your valuable tips for changing the nav Color just like your website?

Best regards,

Crazy-Dream

Mod

Kenneth John Odle
February 12, 2013 at 12:53 pm #35766

You can use your browser’s “View Source” function to view Prasanna’s (or indeed, anybody’s) stylesheet to see how they accomplish certain tasks.

Or, you can use the Firebug addon for Firefox, but it is tricky with drop-down menus. The above method is probably your best bet.
Anonymous
February 13, 2013 at 12:27 pm #35767
First you have to find out unique ID of each menu item. You can use firebug firefox add-on to find it out. Then do things with custom CSS..
```
#menu-item-123:hover, #menu-item-123.current-menu-item {

background: #123456;

}



#menu-item-456:hover, #menu-item-456.current-menu-item {

background: #456789;

}
```
I use this tool to generate gradients – http://gradients.glrzad.com/

Easiness of tweaking these things depends on your CSS knowledge..
crazydream
February 14, 2013 at 1:01 pm #35768

Thanks Prasanna,

I have change unique ID of each menu item and I need background Color properties. Could I use your site’s menu Color properties?

Regards

Anonymous
February 14, 2013 at 3:19 pm #35769

Quote:

Could I use your site’s menu Color properties?

Sure! Why not? Here you can get the colour code of my menu – http://pastebin.com/s6G7GjUU

crazydream
February 17, 2013 at 5:00 pm #35770

Hi Prasanna,

Thank you very much indeed for your brilliant support. Finally I have done it with your given code. Thanks a lot again. Could you give me some suggestion about CSS learning so that I could make any stunning website design like your one.

Best regards,

crazydream

Mod

Kenneth John Odle
February 17, 2013 at 10:51 pm #35771

Good resources here:

https://forum.graphene-theme.com/graphene-support/beginners-resources-possible-sticky