Print Stylesheet - help please - Post...

User 187934 Photo


Senior Advisor
20,190 posts

I got to fit to one page. looks pretty good now. Remove your print style sheet and place this code in one and put the link just above your </head> tag.
#menuBuilder{display:none;}
body > .row.row-8 {display:none;height:5%; }
body > .row.row-14{margin:-120px auto auto auto; width:100%; }
body > .row.row-9 {display:none;height:0%; }
body > .row.row-5{ display:none;height:0%;}
body > .row.row-1 {display:none;height:0%; }
body > .row.row-3{display:none;height:0%; }
.row .coffee-span-9 {width:100%;margin:auto; }
.row .coffee-1585-push-4 {left: 37.3333%;}
h3.heading-2 {float:none;font-size:14px;margin-top:75px;}
h2 {font-size: 1.2em; color:#FF0000}
@page{ margin: 5mm 5mm 5mm 5mm;}
img.image-1-1.ann {width:120px; }
tbody tr td, tbody tr th, tfoot tr td, tfoot tr th, thead tr td, thead tr th {padding: 0.225em;}

<link rel="stylesheet" href="print.css" type="text/css" media="print" />
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2601283 Photo


Registered User
219 posts

I can't even begin to thank you enough!!!!!
User 187934 Photo


Senior Advisor
20,190 posts

Take a look at the code so you can continue to make refinements. The easiest way to setup a print sheet is to make it a regular one first acting as an override to your default one. This way you don't have to keep hitting print to see the results. This won't be 100% all the time because of print margins but if you look at my example I have a margin override in there at the @page. Then when you think you have it close you can add the media="print" to style sheet link in order to test it as a regular printout. Using the development tools for your browser is the key to making a print sheet. It makes it easy to make temp changes to a page and see the results instantly. You then add the altered code to your override sheet to see if it works the same.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.