How can I replace links with images in Wordpress directory

June 9, 2018 3:58 AM

I'm using a directory plugin in WordPress which lets you input URLs for specific fields. You can choose to have the link appear as custom texts (optional). My directory is for podcasting so one of these fields, for example, is iTunes. How can I replace the text link with an image, eg iTunes logo, on every entry?

I want to avoid having the fields display as

iTunes: http://reallylonglink OR
iTunes: iTunes


Which seems to be the current work around... Example here. I think I have the skills to implement code, I just don't know where to look/start?

posted by teststrip to Technology (1 answer total)

Best answer: You'll want to save the logo to your server, and replace the link below to be a direct link to the file on your server. You may also need to adjust the width and height if your logo size is different. Then try adding some CSS like this:

.wpbdp-field-itunes a {
display: block;
background: url("https://seeklogo.com/images/A/apple-itunes-logo-B8202ED140-seeklogo.com.png") no-repeat 0 0;
width: 300px;
height: 87px;
text-indent: -9999px;
}
posted by backwards guitar at 4:35 AM on June 9, 2018