How to add an icon to a text menu button

[peterluit 0]

Does anyone know how to add an icon to a text menu button in PFP? Or maybe even to replace the text by an icon? Example: 'HOME and right of that a little home icon' Thanks, Peter Luit Netherlands

[catrina 103]

It's possible with this code, which you can add to your base.css file:

#menu-nav li.page_item page-item-__ a, #menu-nav li.page_item page-item-__ a:hover {padding-right: 20px; background-image: url('IMGURL'); background-repeat: no-repeat; background-position: right center;}

Replace the IMGURL with the URL for the icon you want. Replace the

__

in

page-item-__

with the item number for the menu item you want to change (since each one is different in the menu). You can use Firebug to assist you: http://getfirebug.com/

[peterluit 0]

Thanks, Catrina, that worked fine for me!!