-
AuthorPosts
-
September 2, 2015 at 9:47 am #496933
Hi,
I have a problem with my gallery settings. When I make a gallery with the Avia builder, the images are stretched in the size of the first added photo. For example: the first image in the gallery is 433 x 650, the second image is 650 x 433. The result is that the second image is stretched to 433 x 650 px. Is there a way to make the gallery adjust automatically to the size of the photo? Or the image being cropped in proportions to the size of the image gallery? I provided a link to the issue, so you can have a better idea of what I mean.
- This topic was modified 9 years, 3 months ago by dvwdj.
September 3, 2015 at 2:46 pm #497655Hi Deborahvwdj!
Wordpress is cropping by default when uploading images. You can control it with a plugin like: https://wordpress.org/plugins/simple-image-sizes/
Regards,
AndySeptember 3, 2015 at 2:51 pm #497661Hi Andy,
Thanks for you answer, unfortunately that’s not what I mean. The images are stretched unproportionally. (Which means the images don’t look how they are supposed to do. Please take a look at the link I provided.
Is there a solution to make the gallery “responsive” as in adjusting automatically to the image size, when using images of different sizes? That way the images arent stretched….
Or is there another way to make the images in the gallery stretched proportionally, and cropped?
Please take a look at the site link I provided. Thankyou.
September 3, 2015 at 3:19 pm #497687Hi!
change height with this code:
a.avia-gallery-big.fakeLightbox.lightbox.avia-gallery-big-no-crop-thumb { height: 330px !important; }
and adjust as needed.
Best regards,
AndySeptember 3, 2015 at 3:54 pm #497719The code worked for a bit, the photo’s aren’t stretched anymore. The only problem now is that the images don’t “fit” into the box, there is extra space between the left/right border. Take a look at the photo I provided. Is there a way to make the image proportionally stretched, fit into the box? So there’ll be no extra space on the left en right side.
- This reply was modified 9 years, 3 months ago by dvwdj.
September 3, 2015 at 4:07 pm #497732Hey!
not sure what you mean, because I can’t see on your website what you show us on your screenshot. Are you sure you gave us the correct URL? Try to add width value into my code:
a.avia-gallery-big.fakeLightbox.lightbox.avia-gallery-big-no-crop-thumb { height: 330px !important; width: 400px !important; }
and adjust as needed.
Cheers!
AndySeptember 4, 2015 at 9:09 am #498145Hi Andy,
That’s because I send you a photo of another blogpost, not the one provided in the link…
Let’s start again :)
When I’m using both horizontal and vertical photo’s, the images in my gallery appear stretched. For example: http://www.rob-son.nl/knorr-l-450-1-w/ The first image is vertical, (433 x 650 px), the second image is horizontal (650 x 433 px). The second image is stretched to the vertical image size, which results in a distorted image. (the stretching is not proportional)
Is there a way to make the gallery automatically adjust the image size, without stretching the image, when using images of 650 px, but also 433 px.
September 4, 2015 at 11:55 am #498260Hi!
the gallery can’t know how you want every single image to behave, so I don’t think it will be possible. You need to edit (crop) the images the way you want them to appear in the gallery before uploading them. Use specific width sizes for all your images.
You can try to show a landscape picture as first image in your gallery. Then it should work fine for you I think.
Best regards,
AndySeptember 4, 2015 at 2:06 pm #498384Hi Andy,
Thanks for your quick answers and help! I guess I’ll have to do that, thanks again. This thread can be closed.
September 4, 2015 at 2:36 pm #498410Hi!
glad we could help. Let us know in a new ticket if you have some more questions related to the theme. We are happy to assist you.
Cheers!
Andy -
AuthorPosts
- The topic ‘Image Gallery thumbnails stretched’ is closed to new replies.