how to make image larger?
-
how do I make an image open wide? not fullscreen but almost? like 100% with margins?
can’t figure it out, especially vertical images are ugly small…
-
Hi – you should normally be able to control this by going to Lightbox settings, then Window Appearance, the changing the margin to be a small number.
Normally, if margin is, say, 20px, then the lightbox will open images so that there is only 20px of margin around the edges, would would be nearly full screen.
One exception might be if you are using a small photo (we won’t stretch a small photo to be larger).
Another exception if you are loading some non-image content and we cannot detect the size of the thing being opened. In this case, we use the Window Appearance > Window width and Window height settings.
You can try playing around with those. If you share a live link where I can see your lightbox, I might be able to troubleshoot further.
thanks for the answer!
example https://vk.cc/cvV5dI
I tried set margin to 20 and window width/height to 1200 but still have rather little preview. My images are 1440*1080 or 1280 but you can check the size of lightbox(
other problem is using a gallery view, when I can click through all images in the post, if this option is enabled I can navigate BUT cant zoom any picture on mobile device, trying to pitch and zoom causes next image loading
i’m using fancybox v2, tried others and have no luckSmall image issue. To confirm, that link is redirecting to s-stroit.ru. I assume that the right site? I do see some images on the resulting page, but they’re not opening in a lightbox at all for me right now. They just open in a separate page.
Based on what you’re describing, images should open in a large lightbox. So there must be something off in how you have things configured. I just can’t tell what it is without being able to see a page with the issue.
Question: is the small lightbox on desktop and mobile, or only mobile?
Question: can you briefly try using the Legacy or Reloaded lightbox and confirm if the images are still small?
Pinch/zoom. This should normally work for FancyBox2. I’ve seen cases where it may not work with some older themes depending on how the image markup is rendered. But I will double check and see if I can duplicate just to be sure we haven’t introduced any issues with recent releases.
yes, right site (supposed not to post direct url)
maybe you faced some hosting problem, lightbox is always enabled and available on mobile too
please check one more time, for me it’s working fine at the moment (except size and scrolling problem when gallery is turned on)also I have a problem with iframes (it used to be working ok before) –?it opens like 100*100 px small(
UPD. changed “95” to “95%” and it’s ok now, somehow it changed to 95 px (obviously)- This reply was modified 7 months, 2 weeks ago by vigilant_spb.
Hi!
Image Size. Ok, I just checked again and lightbox is working. The images look normal to me when opening in the lightbox. For example, the first two images look like https://d.pr/i/Sr6S2u and https://d.pr/i/vmmAlUQuestions:
- Are seeing the same as me above?
- The images look normal, but the lightbox definitely is more than 20px from the edges, so it could be larger (and should be if you have margin set to 20px).
- Can you please try the Legacy or Releaded lightboxes briefly, and confirm if you have the same issue with images being too small?
- Can you tell me exactly how you have them added? For example, are your images added via a an image block or shortcode or some other method?
- Can you tell me which version of WordPress you’re using?
One other note: I’ve tested these setting myself on multiple test sites, and the margin setting is working fine. The one change I am going to make is that I have the min/max margin set to 20px and 80px. I’m going to adjust that to allow wider values. But in any case, the margin is working.
Iframes. Thanks for the heads up. To confirm, now that you made the change above, this is working fine for you now right?
- The topic ‘how to make image larger?’ is closed to new replies.