How to Improve Menu Design

[ryan.collins19Participant Post count: 4]

Hello!  Thanks in advance for any assistance – much appreciated.

If you check out the primary and secondary navigation menus at my site klandrylaw.com , you will see that they don’t have any “WOW” factor to them.  Said another way they don’t really stand out and catch your attention because the background color (black) blends in with the rest of the site.

How would you recommend I change the menus, to make them a bit more appealing to the eye?

I am wondering if there is a way to upload a custom sleek looking menu, or even just change the background color to something other than black.

Any insight is much appreciated.

Take care and all the best,

Ryan

[SoZoModerator Post count: 1573]

You can change the style rules in the style sheet, style.css. I recommend installing the Firebug add on for Firefox or using Chrome’s Firebug Lite which will enable you to right click on any element to inspect it and determine the associated style rules or the selectors required to create new style rules.

---

John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography

[ryan.collins19Participant Post count: 4]

Thank you!

[SusanModerator Post count: 3183]

If you want to go a little beyond just changing the color of menu, you can download the free navigation bars:

http://www.studiopress.com/tips/use-navigation-bars.htm

---

Susan @ Graphically Designing I’d love to customize your website! I tweet!
I’ve taken up the challenge! – help me answer some of the unanswered posts

[SoZoModerator Post count: 1573]

You’re welcome

---

John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography

[anitacModerator Post count: 2682]

If you want to add different colors to each tab – you could do this also -

Go to Menus – click “Screen Options” in the top right corner. Put a check mark in the CSS Classes.
Then, open up one of the tabs and add a class name to each tab – for example Tab1, Tab2, etc., etc.

Once you do that, then go to Appearance > Editor. Add the following code to the bottom of your style sheet … adding it for each Tab. Give each tab a different color or you can use a background image if you like.

.tab1 {
background-color: #cc9900;
}

---

Twitter Handles: @thecre8tivediva | Website: Cre8tiveDiva.com | LinkedIn Group: http://goo.gl/nNe1m
Why Not Take The Challenge! – Help us answer some of the unanswered posts

[Author]

Posts