I am new to QBO. I have selected an invoice templete and chosen a design. However, when I print the invoice, the formatting is not as expected.

Thanks for joining us in the Community, useradam1. 

The difference between the template and the printed version might be caused by a browser issue. I'll provide some steps that can resolve common browser issues when working in QuickBooks Online. 

First, use an incognito/private browsing session or a different browser. Follow these keyboard shortcuts to open an incognito session: 

• Ctrl + Shift + N  for Google Chrome
• Ctrl + Shift + P  for Firefox
• Control + Option +P if you're using Safari
• Ctrl + Shift + P for Microsoft Edge

You can also use any of these browsers if you have them installed in your computer. Once done, you can go back to your account and print an invoice again. 

If everything looks good, proceed to deleting cache and other saved data files within your browser. Here's an article as a guide: Clear Cache And Cookies To Fix Issues When Using QuickBooks Online.

Aside from that, you also need to make sure that the template is set as default. This is to make sure that you're using it when printing the transaction. Here's how:

1. Go to the Gear icon and select Custom form styles.
2. Look for the template that you created.
3. Click the drop-down list beside Edit and select Make default. 

Since you're new to QuickBooks, I'd also like to share this article to help you while starting out with the program: Get Started With QuickBooks Online.

The Community is always here and willing to help you again if you have follow-up questions. 

Thanks for the suggestions but it's not cache related.

The template appears ok  But on the actual invoice, when I click print preview, the blue bars have gaps and are not even.  Also, the width of the description column is narrow so my text appears on 3 lines.  1 or 2 is sufficient

Also, when I click print preview in the templace area of QBO I get a window full of strange text (see attached)

I can provide additional information to help you fix this, @useradam1.

Once you click the Preview PDF, it will show the exact template of the invoice. When it shows differently, we can perform some troubleshooting steps to fix some common printing issues. Please refer to this article for the full details: Set up printing alignment for invoice, sales receipt, and all sales forms.

Additionally, if the width of the description columns is narrow, we can perform some adjustments to make it wider. Let me show you how: 

1. Sign in to your QuickBooks Online account.
2. Open the template. 
3. Click the Content tab and click the body of the invoice. 
4. Select the Edit Labels and Widths.
5. In the Description section, adjust its width. 
6. Click the Preview PDF to check the changes. 
7. Once finished, click Done.
   

For future reference, I've added this to help you on how to import custom form styles.

Please let me know if you have further concerns. I'll be happy to help you more. Have a nice day.

many thanks for this. I have now seen the edit widths - it doesn't appear as a clickable text.

I have changed the widths but when I click "Preview PDF" I see the following text in a white box.:

{"message":"Unrecognized field \"templateHeaderPrefsMetaModel\" (class com.intuit.qbo.localservice.vo.customprintprefs.TemplateHeaderPrefs), not marked as ignorable (25 known properties: \"supportsCIN\", \"showCustomFormSelectiveFieds\", \"printBusinessID\", \"printTransactionTypeLabel\", \"showCustomTxnNum\", \"printReturnStub\", \"hideCountryCodeInAddress\", \"printDocumentNumber\", \"printDueDate\", \"printingBusineessIDEnabled\", \"showAddress\", \"originalPrintLabel\", \"printPaymentMethod\", \"printCustomerTaxId\", \"showEmail\", \"showCompanyName\", \"showWebsiteUrl\", \"printCustomerTaxId2\", \"triplicatePrintLabel\", \"printTerms\", \"showPhoneNumber\", \"printCIN\", \"duplicateServicePrintLabel\", \"duplicateProductPrintLabel\", \"showShipping\"])\n at [Source: (String)\"{\"printFormsTemplatePrefsReq\":{\"id\":\"3400000000001274556\",\"activityTablePrefs\":[{\"size\":0,\"type\":\"SrNo\",\"display\":false,\"itemColumnName\":\"No\",\"itemColumnValue\":\"No\",\"minSize\":8,\"orderNo\":0},{\"size\":0,\"type\":\"ItemClassificationCode\",\"display\":false,\"itemColumnName\":\"Item Code\",\"itemColumnValue\":\"Item Code\",\"minSize\":8,\"orderNo\":1},{\"size\":0,\"type\":\"Unit\",\"display\":false,\"itemColumnName\":\"Unit\",\"itemColumnValue\":\"Unit\",\"minSize\":5,\"orderNo\":6},{\"size\":15.151515151515152,\"type\":\"Item\",\"display\":tru\"[truncated 4906 chars]; line: 1, column: 4599] (through reference chain: com.intuit.qbo.localservice.vo.customprintprefs.PrintFormsPrefs[\"printFormsTemplatePrefsReq\"]->com.intuit.qbo.localservice.vo.customprintprefs.PrintFormsTemplatePrefsReq[\"templateHeaderPrefs\"]->com.intuit.qbo.localservice.vo.customprintprefs.TemplateHeaderPrefs[\"templateHeaderPrefsMetaModel\"])","code":- 

Hi there, useradam1!

QuickBooks Online uses Adobe Reader/Acrobat when generating sales forms. Let's update, repair, or re-install it to fix issues with your customized invoice.

In addition, make sure that you're using a supported and up-to-date browser.

If this behavior continues, please reach out to our Customer Support Team for further investigation.

Reply again to this post if you need anything else. I'll be here!

It's not really working for me.  The blue bar under TOTAL DUE is wider than under the total amount (see attached file).

Also, the order of the items changes to the date order.  I don't want it in the date order.  I want it to be in the order I put them in on my invoice.

Also, I want to send it from my email address but when I go to add it, it won't accept it. I have a gsuite account and I want to send it from one of my alias emails within gsuite.

Thanks for your help