How do I create image roll over nav buttons in Wordpress


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?


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