How do I create image roll over nav buttons in Wordpress

Question!

It's easy enough in Wordpress to create a nav bar based off wp_list_pages and wp_list_categories. But these output text, and you can't effect each output li in a different way.

I know I can manually create the nav bar, but is there a good way to replace the wp_list_ output with images?



Answers

Just alter your CSS to display the images as backgrounds to the li elements and the anchors as block elements. For best usability, set the text-indent in your anchors to something line -9999px.

To better understand how to select and style the nav list and its elements, read this.



This video can help you solving your question :)
By: admin