Jump to content
Sign in to follow this  
peterluit

How to add an icon to a text menu button

Recommended Posts

peterluit

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

Share this post


Link to post
Share on other sites
catrina

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/


Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
peterluit

Thanks, Catrina, that worked fine for me!!

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×