Help with creating custom invoice design

Hosted • invoicing.co | v5
1

I recently subscribed to the Pro hosted plan and I’m trying to set up an invoice template that matches what we had in our old system (Excel file & MS Word….shudder).

I usually try to figure these things out on my own, but I’ve spent the last 5 hours trying to get just the company details in the header to look the same - without success, and I haven’t even gotten to the rest of the invoice yet, so I decided I would ask for help. What do I need to do to arrange things so they look like our old style of invoice?

Thanks for any help!

I’m using v5.6.26-C123, Hosted, invoice.co

Here is an example of the invoice I’m trying to create:

Example Invoice
Example Invoice925×1199 79.3 KB

2

Hi,

If you have specific questions we can try to help.

If you’d like to hire someone to implement your design we recommend this company.

3

Thanks. The part I’ve been working on this morning is trying to get the Company Details to display the address all on one line.

Like so:
NNY Commercial Cleaning Services
26000 US RT 11, Suite 1-178, Evans Mills, NY 13637
315-767-3517
emailaddress

instead of:
NNY Commercial Cleaning Services
26000 US RT 11
Suite 1-178
Evans Mills, NY 13637
315-767-3517
emailaddress

I tried changing:

<div id="company-details"></div>

in Edit Design > Body to:

<div id="company-details">
        <p data-ref="company_details-company.name">$company.name</p>
        <p id="company-address">$company.address1, $company.address2, $company.city_state_postal</p>
        <p data-ref="company_details-company.phone">$company.phone</p>
        <p data-ref="company_details-company.email">$company.email</p>
    </div>

And that get’s me what I wanted, but also with the original style duplicated below it. So I end up with this:

NNY Commercial Cleaning Services
26000 US RT 11, Suite 1-178, Evans Mills, NY 13637
315-767-3517
[email protected]
NNY Commercial Cleaning Services
26000 US RT 11
Suite 1-178
Evans Mills, NY 13637
315-767-3517
emailaddress

(I replaced the email addresses because Discourse was complaining about too many links for a new user :slightly_smiling_face:)

Is there a way to get just the version I am after?

4

Try changing:

<div id="company-details">

To

<div>

5

:man_facepalming:

That worked immediately. Exactly what I was after. Thanks so much!

6

Glad to hear it, thanks for the update!