joshroper

Hey, thanks for the tips. Here’s my code so far:

/* Print CSS */
@media print {
   #sc_gallery-1 .gallery-item  {
       float: none !important;
       clear:both !important;
       margin:0 !important;
       text-align: center !important;
       width: 100% !important;
		   border: 1px dotted red !important;
		   page-break-before: auto; /* 'always,' 'avoid,' 'left,' 'inherit,' or 'right' */
       page-break-after: auto; /* 'always,' 'avoid,' 'left,' 'inherit,' or 'right' */
       page-break-inside: avoid; /* or 'auto' */
   }
	#sc_gallery-1 {
   width: 100% !important;
		border: 1px dotted blue !important;
		margin: 0 !important;
   }
}

The images are now seen in their full glory, but got a little carried away… They are way bigger than the 8.5×11 page scale, so they end up expanding into multiple pages.

This is by far the best support ever, I plan on buying the pro version of the plugin for the premium support alone. Although, I can’t imagine it being better than this.

Hi, that code seems to help a lot, I’ve placed it in my Theme’s custom CSS section. But on the print dialogue, it still shows the images as smaller and not full page.

I tinkered with the provided code to try and figure it out myself, but I can’t seem to crack it. (I reverted the code back to the one you provided – with the addition of a semicolon to the margin field). By now, I’m probably your favorite support ticket (sarcasm, of course), but it feels like it’s almost there.

I’m fairly good with CSS alone, but this is one of my first forays into the @media print command world. Thanks a lot.

Hi, Oops! looks like I messed the quotations up right before I sent it over to you. SMH.

And yes, I think I’ll need some custom code in the @media print section. I’m just not sure how to do it. I’d like the images large, and one per page. To be honest, it’d be even cooler to have them print the full file size instead of just large. But I have the “large” size selected in the wordpress gallery, so I think that might be impossible to recall in the print dialogue.

Thanks for your patience.

I am a brave space monkey! I’ll try my best. Thanks for the continued help.

So, after installing version 2.0, the print dialogue is showing all three images consistently. However, it’s only printing them out together on one page. So they are all three just lined up on one document page. This is how it looks like on the page, so I’m guessing it’s inheriting it somehow (excuse my lack of knowledge, I’m brave but not very smart). I tried to use a few other target attributes, but nothing that I could get to format correctly. I’m assuming that it might be trying to print out the thumbnail size of the images instead of the full image (something that version 1.7.13 didn’t do).

On version 1.7.13, the button would open in a new website page, and then the images would each be on their own page. So for this gallery, it would be three separate pages (one for each jpg). The photos that I am using are already in 8.5×11 format, and it seemed to be automatically formatting them on it’s own page.

I love the way version 2.0 handles the print dialogue. The way it does it on the same page is flawless in execution. It must be built by the smartest monkeys in the galaxy.

Either way, I’m fine using the 2.0 or the current build on WordPress (1.7.13). Thanks for your help.

Here’s my page again for reference: https://montesmithdesigns.com/product/plan-no-1517-0120/

[print-me title=”Print Test” target=”#sc_gallery-1″]

Hi, I’m not using any type of lazy loading. The funny thing is, the printable page loads fine, and I can see the three images on the page. But the print dialogue isn’t getting the entire pages.

I made the Pause Before Print option a lot larger (currently at 7000ms), and the print dialogue still doesn’t show everything on the page.