Remove total invoiced and received on a client statement

Invoice CSS
1

Is it possible to remove the total invoiced/received and just show the outstanding balance?

2

You mean something similar to what is described here?

3

Hi @Glenn

Yep like this article. How could I go about removing them via custom CSS?

4

Try something like this:

.invoice-label-row2,
.invoice-label-row3,
.invoice-label-row4 {
display:none;
}

You’d need to put it in the Client Statement CSS.

5

Just added that, but it doesn’t appear to have made a difference?

6

Is the CSS template active? In the editor refer to the button top right.

7

Yep I have activated that

8

You were missing a crucial full stop at the beginning of the class name. I’ve fixed that for you.

1 Like
9

Ah, cool - thanks. Is it possible to remove the Payments Received part also?

10

To hide the footer row for “Payments Received” try this:

.footer-pay-GBP-row{
display:none;
}

If you’re invoicing in different currencies you’d also need to hide the additional rows by adding the appropriate class names:

.footer-pay-GBP-row,
.footer-pay-EUR-row,
.footer-pay-USD-row {
display:none;
}
1 Like
11

Perfect, thanks @Glenn!! :slight_smile:

1 Like