Printing Product Pages
-
Hi,
I am having trouble making my pages print friendly. Any help would be really appreciated!
If you look at this page here: https://rna.nve.mybluehost.me/product/buck-knives-503-lockback-2/I have managed to remove the header, footer, and other extraneous things from the print view. I even managed to get it into 2 columns. But for some reason it’s not printing correctly. If you do CTRL P for print, it looks wonky – if you tell your printer to have zero margins, it looks pretty darn good. If I remove the page columns, it looks like it’s printing the mobile or tablet version of the page, so that might be related. I’m not a developer, this is the first time I’ve done anything like this, so help is appreciated.
I have the plug-in Print-O-Matic, which is okay, but has the same problems. I have been going into the Theme customizer and adding to the Additional CSS section. Here’s what I’ve put in so far:
/* CSS to make it print friendly */ @media print { .neve-main { margin: 0pt; padding: 0pt; background-color:#FFFFFF; background-image:none; color:#000000; font: 13pt Georgia, "Times New Roman", Times, serif; background: #fff !important; color: #000; } .elementor-element-55242491 { float: left; width: 50%; } .elementor-element-5bb3a2df { float: right; width: 50%;} table, figure { page-break-inside: avoid; } h1 { font-size: 24pt; page-break-before: always; page-break-after: avoid; } h2, h3, h4, h5 { font-size: 14pt; page-break-after: avoid; } .header, .elementor-296, .sidebar, .woocommerce-breadcrumb, .yith-wcwl-add-button { display: none !important; } }
I feel like I’m probably missing something obvious, or targeting/selecting the wrong container or something. Any ideas? I have tried various forms of ignoring padding and margin and such, no particular success.
The page I need help with: [log in to see the link]
- The topic ‘Printing Product Pages’ is closed to new replies.