Empty Facebook Icon

Our site has the following code in it, that someone programmed in the past on our site. The idea is, that if someone clicks to share, they will be able to DL a certain zip file.

[sociallocker]
<div class="well text-center"><a href="http://www.universityoffashion.com/wp-content/uploads/2014/02/child_boy.zip"><i class="icon-download-alt"></i> <strong>Click Here to Download</strong></a></div>
[/sociallocker]

This code displays the following text on our site:
SHARE TO DOWNLOAD
Please support us, use the share button below to download the content. Join the UofF as a Free Member.
[Facebook Share Button]

The problem is that, when a customer clicks the Facebook Share button, the icon swings open but there’s nothing inside.

I’m guessing that there’s something wrong in how this was coded. Can you tell me how this could have been programmed more effectively?

https://wordpress.org/plugins/social-locker/