—
by
This tutorial, written for a member, provides the code which enables you to add images to nav menu items in any WordPress theme.
All code is tested on the Genesis Sample child theme by StudioPress.
There’s 3 different solutions included in this post to:
Here’s an example:
Here’s the code:
Is it possible to add an image to the navigation menu (which I’ve done), but REMOVE the “label”/link name? At the moment I’ve simply used a period in place of a title, but because I have a hover css attribute that changes the color of the link upon hover, the period shows up when hovering over the image.
http://t2energysolutions.com
Thanks!
Did you want to add icons or images to your nav menu? I can’t see any images in your menu.
Use text-indent to remove the label like this:
[code]
.div a {
text-indent: -9999px;
}
[/code]
Where div is your menu item class.
See the full code in the updated post above.
Going to try this tonight! Thanks so much !! 🙂
Was This Tutorial Helpful?