Hide Invoice Labels in Template using CSS

I know you can use display:none to remove certain elements.sections of a template or something like below to hide certain details for items in a template.

.thItems3, .thItems4, .tdItems3, .tdItems4 {
display:none !important;
}

What I would like to achieve however is to hide certain invoice labels and associated fields, for example the due date field (invLabel_05 = Due Date) and corresponding entry using CSS. I understand you can to go into settings and invoice style and manually select/deselect invoice labels but for some invoices we would like to have some of these invoice labels and other not and it would be much easier to do this just selecting the appropriate invoice template.

If you view the source you will see the following:

If you wanted to hide say the due date you would use something like this:

 .tr-invoice-details-duedt {
    display:none !important;
 }

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