Edit online

If you want to precisely position artwork and the page margin boxes are not sufficient, it is possible to use a background image for the entire page.

This technique consists of creating an image (SVG is the best since it is a vector image) as wide as the page that would contain the logo and placing other decorations at the desired locations. This offers the best results and the position of the artwork does not depend on the page margin contents.


@page :left, chapter:left, chapter:first:left { 
 background-image: url('img/page_background_image_with_logos_and_artwork_for_left_page.svg');
 background-repeat: no-repeat;
 background-position: 50% 50%;

For a list of all the possible page names, see: Default Page Definitions.