... Elxis version 2009.3 codename Aphrodite is out, download it from Elxis Download Center (EDC) ...

From Elxis Official Documentation

Many of the Elxis powered sites use a dark coloured background and light coloured characters, or the template uses many images. The site look nice in the user screen but what if someone tries to print that page? The dark coloured background, the images, a possible flash animation, etc, are not printer friendly. We can easily change the site css especially for the print view. Here is how we can do it.

First of all make sure that in your template's index.php file you load the css file using the media="all" rule.

<link href="path_to_template/css/template_css.css" rel="stylesheet" type="text/css" media="all" />

Open now your template's main css file (template_css.css). Inside that file you will most probably have rules such as the ones bellow:

@import url("layout.css");
@import url("customize.css");

What ever are the contents of that file write at the bottom of that file:

@media print {
   ...printer only css content goes here...
}

On print the browser will also read the css inside the media print brackets. So we can add there special css to override the standard (screen) css during print. Here is an example.

@media print {
   body { background-color: #FFFFFF; background-image: none; color: #000; }
   #wrapper { border: none; }
   #right_column { display: none; }
   #main_column { width: 100%; }
   .tpl_pathway { background-color: #FFF; border: none; }
}

Explanation

• line 1: changes background and font colour to the body tag.
• line 2: dont display border to the element with id "wrapper"
• line 3: hide right column
• line 4: expand main column width to 100% (as the right was hidden)
• line 5: change pathway style

This is just an example. You can add any rules you like!