a.pdf { /*The background image*/
background: url(http://www.lushwebsites.com/images/pdf.png) no-repeat left center;
padding-left: 20px;
line-height: 16px; /* To center the text vertically with the icon */
}
Do I need to add some jquery or something? Not really sure how to do that or where to link it?
Here’s some potential code, just not sure how to implement it…
If each link will be on a separate line like that, you can put a bigger line-height setting on the <p> itself, then make the image an appropriate size and allow appropriate padding.
The key is to save the icon at the size you want it to display—assuming you want it to be a background image. If you are hand coding these links, you can just place the image in the HTML itself. Up to you.
Anyway, if you have Photoshop or similar, just use Save for the Web and set it to the appropriate size.