Styling content for print

The content is probably the reason your visitors are printing a page from your website, so it's worthwhile spending some time to style the content a little more.

Getting ready

Open the template's print.css file that you created in templates\rhuk_milkyway\css\ in your preferred editor, which should contain your print style so far:

body {
background: #FFF;
color: #000;
font-family: "georgia", "times new roman", "times", serif;
font-size: 12pt;
}
/* Hide these elements from printing */
#tabmenu,
#search,
.bannergroup,
.buttonheading,
.module_menu,
#power_by,
#syndicate
{
display: none;
}

How to do it...

We now need to add more style to the print stylesheet to define styles for lists, headings, and other content.

• Styling images: It's a good idea to remove styling from images within your content for print styles, with the exception of a border surrounding the edge. The float attribute is set to none to prevent any problems with images wrapping content around in unsuitable...