Unable to display Paid Stamp on custom invoice

Self-Hosted | v5
1

Hi guys,

Hope somebody can help. I’m unable to get the Paid Stamp to show on my custom invoices, despite having the “Show Paid Stamp” ticked, and the code appears to be in the code

}

.stamp {
  transform: rotate(12deg);
    color: #555;
    font-size: 3rem;
    font-weight: 700;
    border: 0.25rem solid #555;
    display: inline-block;
    padding: 0.25rem 1rem;
    text-transform: uppercase;
    border-radius: 1rem;
    font-family: 'Courier';
    mix-blend-mode: multiply;
    z-index:200 !important;
    position:  fixed;
    text-align: center;
}

.is-paid {
    color:  #D23;
    border: 1rem double  #D23;
    transform: rotate(-5deg);
    font-size: 6rem;
    font-family: "Open sans", Helvetica, Arial, sans-serif;
    border-radius: 0;
    padding: 0.5rem;
    opacity: 0.2;
    z-index:200 !important;
    position:  fixed;
}

If I switch the invoice to one of the default designs, it shows up, so I’m not sure where I’ve gone wrong?

2

Hi,

@david do you have any suggestions?

3

Do you have this in your custom design

               <div id="table-totals" cellspacing="0">$status_logo</div>
4

It does not appear so, where do I need to insert this?

I’ve just added the line below the main body of the invoice but it just appears as $status_logo on the invoice itself.

5

Ok, I’ve managed to make the Paid Stamp show, however it is now showing on all invoices, instead of paid invoices only.

6

I believe you’re missing this line in the is-paid style.

    display: $show_paid_stamp;
7

I already had that in there, it makes no difference. I can’t get rid of the Paid stamp showing on all of my invoices now. I have attempted to undo any changes I’ve made, I can’t even find

< div id=“table-totals” cellspacing=“0”>$status_logo

Anywhere in the coding, however the PAID stamp will not disappear. The only work around I have found so far is to set the opacity from 0.2 to 0.0 to make it appear invisible.