How to link option to print from website

  • I have an order form that I would like viewers to be able to print from our website. How can I make this happen?

Viewing 2 replies - 1 through 2 (of 2 total)

  • See the Codex on Styling for Print.

    Basically, the easiest way is to provide a special stylesheet for printing and load that in your header. Then the user can use the ‘Prt Scr’ key to print the form.

    Here is what my print.css file is like (yours will probably be similar, but not exactly the same depending on your theme):

    @media print {
body {background:white;
     font-size:10pt;
     margin:0 }
#header { display: none }
#wpmenu1 { display: none }
#content{ margin-left:0;
     float:none;
     width:auto }
#content a { font-weight:bold;
     color:#000066;
     text-decoration:underline }
.pagelinks { display: none }
#right-column { display: none }
#footer, .ad { display:none }
h1, h2, h3, h4, h5, h6 { page-break-after:avoid;
     page-break-inside:avoid }
h3 { margin-left:10px;
     margin-bottom:0px;
     padding-bottom:0px }
h5 { font-weight: bold;
     font-size: 12pt;
     margin-top: 1em;
     margin-bottom: 0.2em; }
blockquote, table, pre { page-break-inside:avoid }
ul, ol, dl  { page-break-before:avoid }
.right { float: right; }
.left { float: left }
img { display: none; }
}

    this is great, could someone explain how to add a “PRINT” link on the page so it pops up a print preview page?

    thnx in advance.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How to link option to print from website’ is closed to new replies.

Tags