Hi There!

I'm working on a site: http://realscottsdalerealestate.com/blog

and I am trying to do image replacement for the "contact" spot on the Nav, but I'm failing miserably. I can't seem to be able to hide the text! I tried lots of techniques, but none are working. I've done this before and it wasn't so dang hard!

Any help you could offer is greatly appreciated!

Carter

This worked:

.page-item-15 a - add position:absolute; left: -9999px;

ehh, that didn't work the way I wanted it to. It simply got rid of the nav option altogether. I want the text to be hidden and the background to be there.

I appreciate your help, but I still need a little bit more! Firebug is driving me nuts. I can't figure out what I need to do

Well, I applied absolute and the negative margin to the image -- all you should have to do is apply it to the text instead.

ok thanks!

I got it through referral logs. It’s a modification of reflection.js so it can be used with image replacement. Image replacement is supposed to be a more accessible way of including an image which contains text into a webpage.....