Hello,
I've edited some invoice templates to include a background image. In the Edit Template section, I can see I have uploaded a background image, and I can see the preview of my invoice template where it correctly displays the background image.
However, when I actually generate an invoice, there is no background image. It does not display as I'm creating the invoice, nor does it display in the emailed version sent to the customer, in the PDF, nor seen if looking at the invoice via the client portal.
I've added and removed background colors from the template settings, in addition to the background image.
I've resized the background image smaller and larger. The only thing I got was 2 error messages - the first said the image needed to be 3MB or less. I resized smaller than 3MB. Then upon save, I received another error message that it needed to be 1MB or less. I resized smaller than 1MB. Template saved with the background image, but still the only place the background image actually appears is in the Template Editing section!
I've looked at the CSS of the invoice in the Client Portal and can see:
-
.pcs-template {
font-family: Helvetica, 'WebFont-Helvetica';
font-size: 12pt;
color: #0f30f0;
background: url() no-repeat top center ;
background-size: 827px;
}
It has the background image settings I set for the background image in the template editor (positioned top center with font color #0f30f0), but as you can see, it's not calling the url of the image I uploaded. I've uploaded several different background images on different templates and none of them are displaying.
There is some bug with this feature. Please fix it. Thank you.