How can I change the icons to an image?

FAQ Viewed: 1681

Just enter this custom CSS and replace the icon URL.

.fa-file-pdf-o:before, .fa-file-word-o:before, .fa-print:before {
 content: "" !important;
}
.fa-file-pdf-o {
 background-image: url("https://www.yourdomain.com/print-pdf.png");
}
.fa-file-word-o {
 background-image: url("https://www.yourdomain.com/word-icon.png");
}
.fa-print {
 background-image: url("https://www.yourdomain.com/print-icon.png");
}

.woocommerce-print-products .fa {
 font-family: none;
 display: block;
 background-size: contain;
 width: 50px;
 height: 50px;
 background-repeat: no-repeat;
 border: none;
 float: left;
}

9 thoughts on “How can I change the icons to an image?

  1. Brent Bailey says:

    Hi,
    I just purchased the Print Products plugin and when I click an icon (pdf, word, print) I receive an error: “Not a product”. However, if I add the code ([print_product id="4837" mode="pdf" text="Print Product (ID 4837)"]) to a page it works. Could it be an issue with a Product with Variables?
    Thanks,
    Brent

  2. Brent Bailey says:

    Hi,

    I have purchased the Print Products plugin and was wondering where I can change the text for “Export as PDF”? I believe it would involve changing the test in a php file, which I am comfortable doing.

    Thanks,
    Brent Bailey

Leave a Reply to WeLaunch Cancel reply

Your email address will not be published. Required fields are marked *