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

Graphene Theme Forum » Graphene Wordpress theme » Support

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

(7 posts) (3 voices)

Started 3 months ago by crazydream
Latest reply from Kenneth John Odle
This topic is closed
This topic is resolved

Skip to the latest post | RSS feed for this topic

crazydream
Member

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

Posted 3 months ago #
Kenneth John Odle
Moderator

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.

More helps are available on my blog.
Follow this advice for setting up your blog.
Problems? Questions? Read the forum rules and help us to help you.

Posted 3 months ago #
Prasanna SP
Moderator
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..

Personal Website prasannasp.net | WordPress Plugins developed by me.
Graphene Child Theme Template | Graphene Theme Tutorials | WordPress tutorials.
Posted 3 months ago #
crazydream
Member

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

Posted 3 months ago #
Prasanna SP
Moderator

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

Personal Website prasannasp.net | WordPress Plugins developed by me.
Graphene Child Theme Template | Graphene Theme Tutorials | WordPress tutorials.

Posted 3 months ago #
crazydream
Member

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

Posted 3 months ago #
Kenneth John Odle
Moderator

Good resources here:
http://forum.graphene-theme.com/graphene-support/beginners-resources-possible-sticky

More helps are available on my blog.
Follow this advice for setting up your blog.
Problems? Questions? Read the forum rules and help us to help you.

Posted 3 months ago #

Topic Closed

This topic has been closed to new replies.