All Collections
Features
CSS Style: "Page-Break-Before"
CSS Style: "Page-Break-Before"
Mike Walsh avatar
Written by Mike Walsh
Updated over a week ago

The CSS style “page-break-before” is now supported for Template Content, and allows control over Page Breaks on the Quote PDF of Quotes (will not be supported on the Quote Web View) where you'll effectively be applying the CSS to whatever element (i.e. Section Heading, Paragraph, etc) you're working with.

See the below examples for the respective elements:

  • Header would be: <h1 style="page-break-before: always;">Headline</h1>

  • Section heading would be <div style="page-break-before:always;">Section Heading</div>

  • Paragraph would be <p style="page-break-before: always;">This is paragraph text</p> 

Included below is an example from the Cover Letter Template Content where the above HTML has been entered into the appropriate areas of the CKEditor:

Alternatively, we've also added a Page Break button to the toolbar as shown in the screenshot below when working within the editor that will add the Page Break automatically to the Content entered in the CKEditor:

Quoter Tip
If the length of your Quote changes on a Quote-by-Quote basis (i.e. Quoting additional Items, etc), the Page Break option may not be recommended as it could break in odd places.

Did this answer your question?