Hi,
i have found that some pictures have larger height as compared to width. that’s why Instagram cropping pics in defferent sizes.
for now you can use the below CSS code to display pics something better.
.instacarousel.swiper-container {
background: #fff;
}
.instacarousel.swiper-container .swiper-wrapper {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-align: center;
-webkit-align-items: center;
-webkit-box-align: center;
align-items: center;
}
Thread Starter
evoged
(@evoged)
Hello, thank you, but i have find a better way :
div.swiper-slide {
height: 300px !important;
}
Kind regard
Thread Starter
evoged
(@evoged)
Sorry it doesn’t work with responsiv device
Thread Starter
evoged
(@evoged)
Why when “Images thumbnail size:” is “Small” all the image have the same dimension but not with “Images thumbnail size: Medium” ?
Before, it was worked and the picture was display correctly with “medium” selected.
It’s is not due to image because they was already here before and all was fine.
actually last month you have added the pictures (which have larger height then width).
e.g. https://www.instagram.com/p/BYXn4jcHWi8/?taken-by=indochine_mc
and Instagram uses hard crop only for small thumbnails(1×1, 150px), thats why pics are not the same ratio(1:1).
for now please go with the css sent above, OR
you have to update the image sizes to 1:1 if possible.
thanks
Carousel images different size issue fixed to display as square. you can check by updating to latest version of plugin.
