How To Optimize Your Website For Printing



Optimizing your website is an important thing for a website. If users want to take a printout of your website using these CSS codes you can customize what should be printed and what should not be printed. We are using CSS to optimize your website for printing.


Just add this code above the header (<head>)


<link rel="stylesheet" href="https://drive.google.com/host/0B6Dhc5k43wdaeXI2eDNlbDVwY00" type="text/css" media="print"/>


OR

Add this CSS code to your website.

/* 
 * Print CSS By TechDIO  http://www.techdio.com
 */
 @media print {

.sidebar div div {
display:none !important;
}
#header {
display:none !important;
}
#footer {
display:none !important;
}
related {
display:none !important;
}
.meta {
display:none !important;
}
.wp-pagenavi {
display:none !important;
}
.lang {
display:none !important;
}
.sharedaddy {
display:none !important;
}

#disqus_thread {
display:none !important;
}
.navigation {
display:none !important;
}
.noprint {
display:none !important;
}

}
Now your website is 100% optimized for printing.You can change the code according to your wish.

Comments