How do I go about making buttons for my primary nav?

[mattp2288 0]

I want to give my site a more professional look. I know I need to get a button image from somewhere and put it in the css but I don't really know how to get started or really how to go about it. My site is http://www.thatfitnessguy.com Any help is greatly appreciated.

[Rob 547]

Matt, try visiting http://www.cssplay.co.uk/menus/ and find the menu (horizontal) that you like. Then, view the source code to find out how to apply them. I notice too that you're using page titles to create the menu. You can go to Dashboard > Appearance > Menus and create a primary menu (top area under the "+"). Simply create the menu name you want and save. Then, under the various areas of the Menus area, create the menu that you like and try to use subnav (by dragging a child link over just a bit under the parent link). Save the menu. In the top left corner of that menu screen you'll see an area called Theme Locations. In the drop down, the menu name you created under the "+" sign is now listed. Select that and save. Visit your site and you will have the new menu present. If you use subnav, you should be able to get the page links you now have into one single line.

[mattp2288 0]

Awesome I will def check that out. Thanks for the tips! Also How would I make it a drop down menu? And if I wanted to change the primary nav to a side bar nac, could I customize it in the same way?

[mattp2288 0]

Ok figured out the dropdown! Thank you What I don't understand is when I find a menu from that website or I also found http://cssmenumaker.com and found some I like on there.... But I have no idea where to put it in the code for it to work. Can anyone help?

[Rob 547]

You need to make sure that the CSS tags matches the CSS tags in your site. To do this, get Firebug for Firefox (an add-on) found at http://www.getfirebug.com (free). Use this to inspect each menu element, making a note of the div or class like #menu or .subnav you'll find with Firebug. Edit your CSS found in those sites in a text editor. Then, copy and paste it into Dashboard > PlatformPro > Custom Code in the CSS Rules area. Save and make sure the modified menu work fine.