HOME / COMMUNITY Switch to knowledge base

Border set around "invoice-items". How to do the same for "comment-items"?

I have CSS text so that each invoice item is enclosed by a border using the following ;

.invoice-items-body-cell {
padding-top:3px;
padding-bottom:3px;
text-align:center;
border:1pt solid #CCCCCC;
}
.invoice-items-tbl {
width:630px;
border:1pt solid #CCCCCC;
}

But how to acheive the same affect for “comment-items”?

I have checked the list of “Label Names” http://www.quickfile.co.uk/resources/language but there is no mention of the label when an invoice item has been converted to a comment line.

Please would you advise the appropriate label names so that a border can also be included around comments.

You can find the appropriate classes if you right click and “inspect element” when you’re viewing the invoice preview in QuickFile:

Screenshot 2020-11-16 at 11.30.27

so it looks like

.invoice-items-comment-cell

is the selector you need. If you’re not familiar with CSS, the leading dot (.) is when you want to select by class, you can also use things like a leading # to select by id and there’s all sorts of more complex things you can select by e.g.

.invoice-items-row:nth-child(even)

chooses the even-numbered rows, so you can do a kind of zebra stripe effect applying a background colour to every other row.

1 Like

This topic was automatically closed after 4 days. New replies are no longer allowed.