Support » Themes and Templates » Icon in menu
3 years, 7 months ago
So I want to add an icon in one of the menupoints of my website but it doesn’t work. I followed this guide but it still doesn’t seem to work. Does anyone have an idea?
Is your change online ? Because I don’t see any specific class in the menu
You will probably need to start customising your theme’s CSS – possibly via a child theme or a custom CSS plugin.
You could try this plugin: http://wordpress.org/plugins/menu-image/ I’ve used it on a project recently and it works well.
Or you could use css to put a background image on the menu item in question using a :before or :after psuedoclass.
I added this to Custom.css
[ Moderator note: please wrap code in backticks or use the code button. ]
And added this CSS class to the menupoint: home-link-icon
But still doesn’t work.
Try using Firefox with the Firebug add-on for this kind of CSS troubleshooting. Or use whatever developer tool is available in your web browser.
You set a width and height for the entire link, not just for the image, removing the height & width and replacing with a padding-left:35px will do the trick 🙂