All Collections
Publishing
Printing Your Website and Creating PDFs
Printing Your Website and Creating PDFs

Here are Some Tips and Tricks to Control Page Breaks When Printing your Website, or Saving it as a PDF.

K
Written by Kristina Valkanoff
Updated over a week ago

You may want to print your website once it's completed.  Because websites are dynamic (aka web pages flow vertically and have no pre-specified height) you'll define where those page breaks are.

Behind the scenes, TIME Sites automatically generates a set of printer-friendly styles in order to try and match the on-screen version of your site as closely as possible. 

Here are some tips for getting your site printed exactly the way you'd like it:

Group Content Inside "Root Level Containers"

Published TIME Sites websites tell the browser to do its best to avoid an inner page break where possible on "Root Level" elements. "Root level" means the element is not nested inside any other element. The browser will do its best to keep the nested elements inside of its Root container together when printing.

In order to control where the page breaks exist, nest all the content that you want to be together inside a single Root Level Container.

Above:  Example of a "Root Level Element"

Print Preview

When testing, use the "print preview" dialog (File > Print),  and set the "layout" select option to "landscape". You will now be able to see where the breaks in your page will be using your default paper size.

Print or PDF

Once you have your page looking the way you want in the print preview dialog, you can then select the printer or PDF option in the "destination" selection dropdown. Then select "Print", (when printing) or "Save" when creating a pdf.

Did this answer your question?