Using printer friendly CSS styles

This page explains how to use printer friendly CSS styles on your website. These styles are used only if a page is sent to a printer.

1. Create a new stylesheet in the CSS stylesheets application.

2. Name the stylesheet Printer styles and set the Code name to Printer_styles (for example).

3. Write the printer friendly CSS styles, for example:

   CSSCSS

   Copy

   .zoneLeft, .zoneRight, .zoneTopInfo, .zoneTop, .horizontalmenu, .zoneBottom {
               display: none;
   }
   
   .eventCalendarDetail .zoneLeft, .eventCalendarDetail zoneRight {
               display: block;
   }
   
   .eventCalendarDetail zoneRight {
               float: left;
   }
   
   .logonReg .zoneLeft, .logonReg .zoneRight {
               display: block;
   }
   
   .logonReg .zoneRight {
               float: left;
   }     
   
   .zoneContent {
               float: left !important;
   }

The stylesheet applies to the print media, i.e. when your sites pages are sent to a printer.