Support » Themes and Templates » Print CSS Issue!

  • Is there a way someone can tell me to edit my CSS for printing in order to set it up so that when a user prints one of the pages at this url:

    that it prints the page as they see it (some pages have a sidebar, but it prints on a separate page with the rest of the page printing as a full width page). I’d like to know if we can have it print all to the same page, as it appears on the browser. An example of a page with a sidebar is the blog page:

    Please can anyone help me? I am so confused when it comes to the print css 🙁

Viewing 4 replies - 1 through 4 (of 4 total)
  • You will need to setup a print.css file that declares what items to show and how. To hide any specific object you could put:

    #sidebar { display:none; }

    Make sense?

    Yes. I think it already includes a print section on my css, but like I said, it is printing the sidebar, although it’s printing on a separate page. Below is my section on print in my regular css file:

    [CSS moderated as per the Forum Rules. Please just post a link to your site.]

    Hide #seconday. That will hide the sidebar.

    Is there a way to make it print on the same page rather than having it print to the next page? I’m not sure why, but a client of mine wants to sidebar actually printed, and they want it on the same page :-/

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Print CSS Issue!’ is closed to new replies.