WordPress.org

Support

Support » How-To and Troubleshooting » How to link option to print from website

How to link option to print from website

  • DADurocher
    Member

    @dadurocher

    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; }
    }
    sacredpractice
    Member

    @sacredpractice

    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.