My cover page extends for 3 1/3 pages, with the fill cutting off 1/3 down the third page.

How do I get rid of (or fix) the third page?

1. prince_xml_pages2and3.png‎ 180.2 kB ‎
   Cover Pages 2 and 3

What style are you applying? Can you attach or email me (mikeday@yeslogic.com) an example?

Hi, Mike. Thanks for responding. I am not exactly sure what you are asking, but maybe here are some clues.

My .css file includes this:

/cover

  pre {
    background-color: #FAFAFA !important;
    border-radius: 3px;
  }

  ul,
  ol {
    color: #707070;
    padding: 15px 0;
  }

  li {
    padding-bottom: 5px;
  }

  .cover-page {
    background-repeat: no-repeat;
    background-size: contain;
    height: 2500px;
    background-image: url(../img/cover_bg_black.svg);
    background-color: #212121;
  }

  .cover-page .title-area {
    position: absolute;
    top: 26%;
    left: 8%;
    font-size: 60px;
    max-width: 650px;
  }

  .cover-page h1, h2, h3 {
    padding: 0;
/cover

The .svg file it uses includes this:

<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
         viewBox="0 0 611.41 792" style="enable-background:new 0 0 611.41 792;" xml:space="preserve">
<style type="text/css">
        .st0{fill:#212121;}
        .st1{fill:#404041;}
        .st2{fill:#E6E7E8;}
        .st3{fill:url(#SVGID_1_);}
</style>

And prince throws this warning twice:

prince: assets/img/cover_bg_black.svg: warning: unsupported properties: enable-background
prince: assets/img/cover_bg_black.svg: warning: unsupported properties: enable-background

We've changed the handling of the height property across unforced breaks such that you now get a total height of 2500px for that block, as specified.

@markbrown, sorry, when you say "2500px for that block", which block are you referring to?

Perhaps this is the problem?

/*Cover page full width and no page number*/
@page pdf-cover {
  margin: 0;
  @bottom-right {
    content: none;
  }
  @bottom-left {
    content: none;
  }
}

Edited 18 Mar 2019 by gbarr

Nevermind, you mean this:

  .cover-page {
    background-repeat: no-repeat;
    background-size: contain;
    height: 2500px;
    background-image: url(../img/cover_bg_black.svg);
    background-color: #212121;
  }

Solved with Prince 12.4 and

height: 1056px;