ThemeShaper Forums » Thematic


Page breaks for Printing

(3 posts)
  • Started 11 years ago by Lasson
  • Latest reply from Lasson
  • This topic is resolved
  1. Lasson

    Having some issues with printing of the webpage... thought it was my child theme first but regular thematic works the same way on my computer. Testing mainly in safari and firefox at the moment.

    Firefox issues (Printing with "as laid out on screen"):
    What comes out: "#header div on one page", #main div on one page (whatever does not fit within one A4 is cut completely), #footer div on one page.

    Safari behaves much better, only problem there is that it cuts page in the middle of a .hentry

    #header and #main should of course stay on the same page, and content cant just be cut out completely. Trying to address this by adding instances of page-break-before, page-break-after, page-break-inside in i.e. #header, #main, .hentry but nothing happens. Does anyone have any knowledge about how to do this?

    Posted 11 years ago #
  2. Hi,

    try this as a start in your style.css:

    @media print { 
        * {
            overflow: visible !important;
        #access, .main-aside {
            display: none;

    The important thing is the first part!


    Posted 11 years ago #
  3. Lasson

    Great, thanks! Safari still cuts the excerpts in the middle, but its minor, at least all the content is displayed.

    Posted 11 years ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.