EarthDog Posted February 9, 2020 Share Posted February 9, 2020 Thank On 2/5/2020 at 3:56 PM, bfarber said: In the AdminCP under Customization > Themes, click the </> icon next to your theme. On the template editor page click the CSS tab, and then click on custom.css. Add this to the end of the file: @media print { /* Custom styles go here */ } And then add whatever CSS you need to (i.e. to hide unimportant page elements) where you see "/* Custom styles go here */". Thanks!!!! In my case , everything id nicely printed to PDF by using the following: @media print { .ipsBreadcrumb.ipsBreadcrumb_top, .ipsBox_alt.ipsPhotoPanel, html[dir="ltr"] .ipsFollow, .ipsList_inline, .ipsList_reset, .ipsBreadcrumb.ipsBreadcrumb_bottom, .ipsGrid.ipsGrid_collapsePhone.ipsPager.ipsClearfix.ipsSpacer_top, .ipsItemControls, .ipsType_reset.ipsType_medium.ipsType_light, hr.ipsHr, .ipsTabs_panels.ipsTabs_contained, .ipsTabs, #ipsLayout_footer, #elCopyright, header { display:none;} .ipsBox { border: none; } .ipsLayout_container { padding : 0; } } bfarber 1 Link to comment Share on other sites More sharing options...
Vegan Gaymer Posted March 10, 2020 Share Posted March 10, 2020 On 2/9/2020 at 12:10 PM, EarthDog said: Thank Thanks!!!! In my case , everything id nicely printed to PDF by using the following: @media print { .ipsBreadcrumb.ipsBreadcrumb_top, .ipsBox_alt.ipsPhotoPanel, html[dir="ltr"] .ipsFollow, .ipsList_inline, .ipsList_reset, .ipsBreadcrumb.ipsBreadcrumb_bottom, .ipsGrid.ipsGrid_collapsePhone.ipsPager.ipsClearfix.ipsSpacer_top, .ipsItemControls, .ipsType_reset.ipsType_medium.ipsType_light, hr.ipsHr, .ipsTabs_panels.ipsTabs_contained, .ipsTabs, #ipsLayout_footer, #elCopyright, header { display:none;} .ipsBox { border: none; } .ipsLayout_container { padding : 0; } } I added all of this in Custom but it did not show up anywhere. Any suggestions for what I may have done wrong? Link to comment Share on other sites More sharing options...
EarthDog Posted March 10, 2020 Share Posted March 10, 2020 11 minutes ago, Vegan Gaymer said: I added all of this in Custom but it did not show up anywhere. Any suggestions for what I may have done wrong? The result is viewable when you press CTRL+P... In print preview you should be able to see a "clean" output.... If not , use F12 developer browser tools to find out what you need to adjust in custom css. Link to comment Share on other sites More sharing options...
Vegan Gaymer Posted March 10, 2020 Share Posted March 10, 2020 27 minutes ago, EarthDog said: The result is viewable when you press CTRL+P... In print preview you should be able to see a "clean" output.... If not , use F12 developer browser tools to find out what you need to adjust in custom css. Oh shoot, I see now. Thanks! Do you know of any other options that can be added for more intuitive use, like with a button and in-browser view? Thanks! Link to comment Share on other sites More sharing options...
EarthDog Posted March 10, 2020 Share Posted March 10, 2020 4 minutes ago, Vegan Gaymer said: Oh shoot, I see now. Thanks! Do you know of any other options that can be added for more intuitive use, like with a button and in-browser view? Thanks! Maybe add alink / button on page with window.print() ? Link to comment Share on other sites More sharing options...
Vegan Gaymer Posted March 31, 2020 Share Posted March 31, 2020 On 3/10/2020 at 11:04 AM, EarthDog said: Maybe add alink / button on page with window.print() ? Ohhh where would I put this? Inside the previous code? Link to comment Share on other sites More sharing options...
Recommended Posts