Announcement

Collapse
No announcement yet.

invoice_print.html Font Size

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • invoice_print.html Font Size

    Hello Friends.

    We have our new store up and running at Welcome to Allparts Music - Guitar, Bass, and Amp Parts Supplier - I'm pleased with everything so far.

    I am having trouble getting our invoices to print out with a smaller font size. I have referenced a css file that consists entirely of the following, but the size won't decrease:

    Code:
    @charset "utf-8";
    /* CSS Document */
    
    body
    {
    	font-size:6pt;
    	font-family:Arial, Helvetica, sans-serif;
    	
    }
    Does anyone have a quick fix for adjusting the font on the printed invoice?

    Thank you.
    Last edited by DeanP; 11-05-2012, 11:39 AM.
    - Dean P. e-commerce and small business consulting

  • #2
    There's gotta be some other rule that is over-riding it, or maybe this rule just isn't taking effect.

    Browse to an example of the page using either Chrome or Firefox with Firebug built in and inspect some of the text. Those tools are invaluable and will be able to tell you exactly what CSS elements are affecting the selected text and how new elements would change the look.

    Comment


    • #3
      when in doubt, slap a !important on the end of the css rule. see if that helps.

      should bypass anything that's overriding it

      Comment


      • #4
        I got it. Finally.

        First, having the proper declaration helps:

        Code:
        <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN>
        That needs to go AFTER this:

        Code:
        <!--START: PAGEHEAD-->
        Next, instead of "body" on the CSS, you need to use "table"

        I hope this helps the next person.
        - Dean P. e-commerce and small business consulting

        Comment


        • #5
          this should work fine it works for me

          just put this code below under <head> on the invoice-print.html

          <style type="text/css">
          body{
          font-size: 12px !important;
          font-family: helvetica, arial, sans-serif;
          }
          </style>

          Comment

          Working...
          X