“You can put the shortcode inside a Code Block.”

I did and I’m still having problems. I put:

[pdfviewer]https://actionrev.com/wp-content/uploads/2021/03/Actionrev-Brochure-OnWeb.pdf[/pdfviewer]
[pdfviewer width=”200%” height=”200%” beta=”false”]https://actionrev.com/wp-content/uploads/2021/03/Actionrev-Brochure-OnWeb.pdf[/pdfviewer]
into the top part of Code Block.

The PDF shows up twice at the bottom of the page but they are in small frames that don’t allow for the full pages to be seen. One frame is wide but really shallow. The other is really skinny and shallow.

Let me recap the problem I have. I just need for the audience to zoom into a 2500 x 2500 image to read small text in a spreadsheet. They need to be able to scroll left, right, up, and down if they zoom in a lot. I prefer it to be a thumbnail image as it is now, when clicked it zooms, and then can be zoomed one more time to see the text. If I can only get that from a PDF then so be it…

Zoom was not realized. This image https://actionrev.com/wp-content/uploads/2021/03/Flow_Technician_Productivity_Report2500x1932.jpg in Masonry Gallery is 1936x2500px but because a screen is 1920 by 1080 the fine text is not viewable unless I open the Masonry Gallery on a 4k screen. I’m wondering if there’s a way to have a pop-up image with an additional zoom after it has popped up? Scrolling up, down, left, and right is fine also.

“did you use the full resolution images for the lightbox?
on default it is not that case. It uses the large image for it. – There are some snippets for child-theme functions.php to set the source for lightbox images to “full” ”

In Setting>Media I changed Large File and Masonry Size to 2560 x 2560. This just allowed for larger images to display without creating a lower resolution thumbnail. I assume the snippets for child-theme functions.php to set the source for lightbox images to “full” will allow for someone to open a large image and scroll up, down, left, and right? Where can I find these snippets?

Uh I see, no thanks it will not change my “issue”
If possible, I’d like to get the less wide the the related entries thumbnail.
Otherwise no problem, this “issue” is not that big.

Cheers

PS, I think I have found the function that is causing the problem.

The function is one kindly supplied by Kriesi to force Lightbox images to display at full size. Is there perhaps something wrong with the syntax that caused it not to work with the new Enfold / WordPress ?

// changes lighbox images to full size
function avia_change_gallery_thumbnail_link($link, $attachment, $atts, $meta){
    $link = wp_get_attachment_image_src($attachment->ID, "full");
    return $link;
}
add_filter('avf_avia_builder_gallery_image_link', 'avia_change_gallery_thumbnail_link', 10, 4);

Hi
I need to reduce the length in order that the arrow is not going over the related entries thumbnail
So to avoid this

But without creating this

Where the text on the “next” arrow is cut

Thanks!

The main problem is the lightbox preview stays in bigger size mode. I prefer that it shrinks to original thumbnail size when Mouse-Out.
Possible?

The differing image sizes and differing thumbnail sizes don’t correlate directly that way.

sorry, if I have confused things. Currently the overlay icon does not appear when the pages loads, which is what I want. So that:

page loads: the overlay icon is visible and the portfolio thumbnail image fully opaque (currently no icon visible)
on hover: the overlay icon is visible and the portoflio image has a white overlay of 50% transparency ( this works)
on mouse off: the overlay icon is visible and the portoflio image returns to fully opaque ( currently icon stays, but so does the white overlay)

Hopefully that helps explains what the client is after. I could flatten the icon into the thumbnail image using photoshop, but was really hoping the current icon could simply stay visible the whole time instead?

Thanks Nikko
But I really don’t know what to do since i never touched the child, just add a code for images thumbnails quality. That’s it

Any idea?