Show Icons as PDF in list

Hi there,

Adding something like this to your theme’s style.css file should do the trick (not tested).

.ddownloads_list {
	padding: 0;
	list-style: none;
}

.ddownloads_list li {
	margin-bottom: 12px;
}

.ddownloads_list a.ext-pdf {
	display: block;
	padding-left: 30px;
	background: transparent url("https://www.flurinatanzt.ch/wp-content/plugins/download-manager/file-type-icons/pdf.png") no-repeat top left;
	background-size: 24px 24px;
	min-height: 24px;
}

Just remember to either copy that image to your server or find a replacement image and update the location above.

The PayPal form can be found here. Any donations are greatly appreciated!

Any issues, let me know.

Thanks,

Ashley

Thanks, Ashley

But it works not really…

The code I added is this:

`.ddownloads_list {
padding: 0;
list-style: none;
}

.ddownloads_list li {
margin-bottom: 12px;
}

.ddownloads_list a.ext-pdf {
display: block;
padding-left: 30px;
background: transparent url (“https://www.querfeldnein.ch/wp-content/plugins/delightful-downloads/file-type-icons/pdf.png”) no-repeat top left;
background-size: 24px 24px;
min-height: 24px;
}

Look at the URL: I think the location is Folder “delightful downloads” and not “download manager” (But I have stolen the icons from there…).

URL of the site with the downloads is:

https://www.querfeldnein.ch/material/

(Its the 2 downloads above, the other ones are only links.)

Bye, Dominik

Hi Dominik,

That’s because the image doesn’t exist as part of the Delightful Downloads plugin. You need to download a copy and then upload it to the location you specify above.

Ashley

Hi Ashley

The image already exists there, this is the link:

PDF-Image

Seems that I don’t check something… any idea?

Dominik

Ah, now I see.

You have the wrong address and a space between the url and brackets. It should be:

background: transparent url("https://www.querfeldnein.ch/wp-content/plugins/delightful-downloads/file-type-icons/pdf.png") no-repeat top left;

The above works in my browser.

Ashley

Yessss, no it works! Would be great if you would extend your plugin with that possibility in one of the next updates (as I know it from download-manager-plugin).

Thanks, Dominik

Excellent, glad your sorted. The feature is on the list alongside custom buttons… I just need to find the time. ??

Ashley

Hi Ashley

Thanks for this wonderful plugin. I am trying to apply this same code to the button, so that you see a pdf icon either alongside or within the button. Is this possible?

I tried adding:

.ddownload-button a.ext-pdf {
	display: block;
	padding-left: 30px;
	background: transparent url("https://[mysiteURL...]/images/hia-pdf.png") no-repeat top left;
	background-size: 24px 24px;
	min-height: 24px;
}

but it’s not working. Am I on the right track?

… ah, never mind … I found another way to do it, which is to link to a pdf image in my media file, but make the URL “https://mywebsite/?ddownload=2614”. This works for me.

Thanks again – you’ve done a superb job in creating and documenting this plugin!

Regards,
Jana

Thanks Jana, glad your sorted.

Ashley