24/7 Support - 800.608.6482

Miva Merchant Community Forums

Thread: Want to be able to print our website and have it look good.

  1. #1
    Join Date
    Feb 2008
    Location
    Garden Grove, CA
    Posts
    165

    Default Want to be able to print our website and have it look good.

    Right now, when someone tries to print a page from our website it looks terrible. I have attached a file showing how it looks when you try to print, of this page:

    http://www.speakerrepair.com/page/LOC.html

    I did a little research and it looks like we might need a "print.css" file, but I'm not exactly sure how to do it so it works right. So I'm looking for help and the method, or for someone to do it for us.

    Thanks,
    Eric
    Attached Files

  2. #2
    Join Date
    Mar 2006
    Location
    Merritt Island, Florida
    Posts
    522

    Default Re: Want to be able to print our website and have it look good.

    Eric,
    The main thing you can do with the print.css file is to set navigation elements to display: none in the print.css stylesheet, so those lists of links don't print out, taking up so much of the page. You can change the font size (or face, color, etc) of text to allow more or less per page, things like that. If you know CSS, it's not too difficult. We'd also be happy to quote you on doing it for you, but it would help if you have an idea what you want the output to look like (or just requirements, such as "remove the links at the top and bottom, increase the font to 18px, etc).
    Susan
    Susan Petracco
    NetBlazon

    1.866.400.2444

    _____________________________________________

    Like us on Facebook

  3. #3
    Join Date
    Feb 2008
    Location
    Garden Grove, CA
    Posts
    165

    Default Re: Want to be able to print our website and have it look good.

    Thanks for your reply, Susan.

    I think we would just want the left navigation hidden for the most part. Since it is completely expanding all tiers it makes the page look weird and it also prints out 6 pages instead of 1 or 2.

    We would also want the product page to look decent as well, and with the expanded left-hand navigation it really looks bad (see attachment).

    http://www.speakerrepair.com/page/product/37-205x3.html

    We want it to look as close to the actual page as possible, but without the left navigation stuff.

    If you could give me a price quote that would be great.

    Thanks,
    Eric
    Attached Files

  4. #4
    Join Date
    Mar 2006
    Posts
    1,956

    Default Re: Want to be able to print our website and have it look good.

    First thing is change your existing stylesheet to media="all" so that your styling is copied over:

    Code:
    <link type="text/css" rel="stylesheet" href="css/00000001/cssui.css" media="screen">
    becomes
    Code:
    <link type="text/css" rel="stylesheet" href="css/00000001/cssui.css" media="all">
    Then you can create another stylesheet for print
    Code:
    <link type="text/css" rel="stylesheet" href="css/00000001/cssui_print.css" media="print">
    And hide the left navigation, expand the main content area.
    Code:
    #wrapper-page { float: none; width: auto; }
    #wrapper-index .sub-nav { display: none; }
    That should solve 90% of the printing problems.
    Last edited by Brandon MUS; 12-03-12 at 10:43 AM.

  5. #5
    Join Date
    Feb 2008
    Location
    Garden Grove, CA
    Posts
    165

    Default Re: Want to be able to print our website and have it look good.

    Brandon,

    WOW! Just adding the media="all" fixed it so the printed page looks just like the screen. It's amazing that it was such a simple fix.

    Thanks so much for your help! :)

    Eric

Posting Rules

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •