Controlling page size, margins and orientation

The setup sheets are configured to print on:

• A4 paper — 21.0 cm x 29.7 cm, portrait orientation, with the top and bottom margins set at 2.97cm, and left and right margins set at 2.1 cm.
• US Letter paper — 21.6 cm x 27.9 cm, portrait orientation, with the following default margins:
  • Left and top — the same as for A4
  • Right — 2.70 cm.
  • Bottom — 1.17 cm.

If you choose a different paper size in the Print dialog, you may need to manually adjust the page margins in the cascading style sheet style.css. If you want, you can also change the page orientation (this affects the way the pages are displayed in the browser window as well).

To adjust the page margins:

1. Use a text editor to open the style.css file in the folder that contains your copy of the default template set.
2. Scroll down the file, and locate the code beginning with:

   /* A4 is 21.0cm x 29.7cm

3. To adjust the page layout, edit the following lines:

   left: 2.1cm;

   top: 2.97cm;

   width: 19.5cm;

   height: 23.76cm;

   For instance, for the Executive paper size (18.4 x 26.7), you could recalculate the width and height values as follows: width = 18.4 - 2x2.1 = 14.2 cm and height = 26.7 - 2x2.97 = 20.8 cm. You can, of course, decide to use totally different left and top margins as well.

4. Save the file.

To change the page orientation:

1. Use a text editor to open the style.css file in the folder that contains your copy of the default template set.
2. Scroll down the file, and locate the line:

   /* Formatting for the navigation frame. */.

3. Find the code:

   @page {

   size: 21.0cm 29.7cm portrait; /* a4 paper. */

   }

4. For A4 paper, change it to:

   @page {

   size: 29.7cm 21.0cm landscape; /* a4 paper. */

   }

5. For the US Letter paper, change it to

   @page {

   size: 27.9cm 21.6cm landscape; /* US letter paper. */

   }

   If you are using a different paper size (such as Executive paper), make sure that you enter the correct page dimensions first.

6. Next, scroll the file until you can see the following line:

   /* TABLE-SPECIFIC FORMATTING: */.

7. Find the code

   table {

   cellspacing: 2px;

   width: 16.8cm;

   table-layout: auto;

8. Change the width value to:

   width: 25cm;

9. Save the file.