Invision Community 4: SEO, prepare for v5 and dormant account notifications Matt November 11, 2024Nov 11
February 9, 20205 yr Thank On 2/5/2020 at 1: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; } }
March 10, 20205 yr On 2/9/2020 at 5: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?
March 10, 20205 yr On 3/10/2020 at 2:16 PM, 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.
March 10, 20205 yr On 3/10/2020 at 2:28 PM, 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!
March 10, 20205 yr On 3/10/2020 at 2:56 PM, 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() ?
March 31, 20204 yr On 3/10/2020 at 3:04 PM, EarthDog said: Maybe add alink / button on page with window.print() ? Ohhh where would I put this? Inside the previous code?