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

  • crazydream

    #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

    #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.

    Prasanna SP

    #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

    #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

    Prasanna SP

    #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

    #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
Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.