How can I reduced printed text size

  • Profile Image
    Asked on April 30, 2014 at 08:46 PM

    One additional question - how can I reduce the printed text size?  I am trying to get the whole form to fit on one page when it prints.  I tried this, but it doens't adjust the printed text size like it hoped:

    @media print {
    .form-all {font-size: .8em;}

    Is there something better I could try?

  • Profile Image
    Answered on April 30, 2014 at 11:33 PM


    I am not sure you can affect the print output within the form only.

    To my understanding the hardware printer usually have its own configuration (the print dialog option.. usually its CTRL+P key).

    Using the print dialog, you can setup the print page to fit on the intended print output.

    BUT if you want to reduce the font-size in the form input fields, the CSS code to use is like this

    .form-textbox, .form-textarea, .form-dropdown {

    font-size: 25px;


    just adjust the font-size value to what you need.

    Hope this help. Please inform us if you need further assistance.



    CSS injection guide