aarekolit 0 Report post Posted May 22, 2012 What is the proper css for removing the sidebar and make the content 100% wide? It does not move to the left with recomended css: /* Print Style Sheet */ @media print { /* Page content */ #page-main { margin:0; } #header {display:none; } #postnav{display:none; } #sidebar-wrap{display:none; } #column-wrap{margin:0; float:none; width:auto;} #comments { } #sidebar {display:none; } #footer {display:none; } .meta-share{display:none;} .pl-sharebar{display:none;} } Share this post Link to post Share on other sites
Danny+ 1,327 Report post Posted May 22, 2012 Hi, Add the following code to your print.css file, this will hide the sidebar and make the content full width regardless of layout. [code]#sidebar-wrap, #sidebar1, #sidebar2 { display:none;} .one-sidebar-left #pagelines_content #column-wrap, .one-sidebar-right #pagelines_content #column-wrap, .two-sidebar-left #pagelines_content #column-wrap, .two-sidebar-right #pagelines_content #column-wrap, .two-sidebar-center #pagelines_content #column-wrap { float:none; width:auto }[/code] I have also provided you with a link to the Wordpress Codex, regarding the print.css. http://codex.wordpress.org/Styling_for_Print Please search our forums, before posting! Share this post Link to post Share on other sites
aarekolit 0 Report post Posted May 22, 2012 Hi, Thanks for the reply. Your suggestion worked. So the correct css for printing only the content: @media print { #sidebar-wrap, #sidebar1, #sidebar2 { display:none;} .one-sidebar-left #pagelines_content #column-wrap, .one-sidebar-right #pagelines_content #column-wrap, .two-sidebar-left #pagelines_content #column-wrap, .two-sidebar-right #pagelines_content #column-wrap, .two-sidebar-center #pagelines_content #column-wrap { float:none; width:auto } #footer {display:none; } .meta-share{display:none;} .pl-sharebar{display:none;} #header {display:none; } #postnav{display:none; } } Answer Accepted Share this post Link to post Share on other sites