Print Style Sheet

Posted on 2008-01-26
Medium Priority
Last Modified: 2011-09-20
How can I create a print style sheet to remove all images and just show text when sending to printer.  I'm looking for a printer friendly link.  I've tried the print media solution and it does remove images but my text does not line up to the left of the page.  The content remains in the same position.  I'm  using a template I purchased.  Not sure if that has something to do with it or not.

Question by:contesa

Expert Comment

ID: 20751784
please post a link to your template. The best thing to do would be to set display: none on all the parts of the template that you do not wish to show.

Author Comment

ID: 20756742

Click on any of the submenus - the subpages have a much different layout...

I've tried none but the content does not move from its location on the page.  I'd like the content to move to the left and possibly up a little on the page.

Accepted Solution

mpn_1983 earned 1500 total points
ID: 20809548
You'll want a link in the <head> of your template to a print stylesheet.  You can do this a couple of ways such as using:

<style type="text/css" media="print">@import "/print.css";</style>

By doing this you can control the print design/layout of all your pages through your print.css.

Therefore to remove images you'd have the following in your print.css file:

img {

After this you can apply styling to any other elements you need to through you print.css file

Featured Post

Receive 1:1 tech help

Solve your biggest tech problems alongside global tech experts with 1:1 help.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

So you have coded your own WordPress plugin and now you want to allow users to upload images to a folder in the plugin folder rather than the default media location? Follow along and this article will show you how to do just that!
Browsers only know CSS so your awesome SASS code needs to be translated into normal CSS. Here I'll try to explain what you should aim for in order to take full advantage of SASS.
The viewer will learn how to create and use a small PHP class to apply a watermark to an image. This video shows the viewer the setup for the PHP watermark as well as important coding language. Continue to Part 2 to learn the core code used in creat…
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).
Suggested Courses

601 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question