Help with creating custom invoice design

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:

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.

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
sales@nnycommercialcleaning.com
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?

Try changing:

<div id="company-details">

To

<div>

:man_facepalming:

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

Glad to hear it, thanks for the update!