Tagged: Instagram Widget
Hello,
The images from the middle column from the instagram widget are shown smaller than the the left and the right column’s.
I see it happen on my site:
https://rogercremers.com/contact/ and also on your lifestule demo site http://kriesi.at/themes/enfold-lifestyle-blog/
Hey Roger,
Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look. Hard to try any styles when css is cached and minified.
Best regards,
Victoria
Hi Victoria,
Even when it is not cached (see the url of the Kriesi url I provided) the images of the middle column are 3 px smaller than the first and the third column.
Not that it is a big problem, but I think it could be fixed in an update.
cio
roger
Hi,
What I believe you are seeing is the total width of the space allowed for the widget is divided by 3 with padding for each image, in order to calculate each image column to be the same, the script would need to change the total width of the column, or increase the padding for each image. Each approach has it’s draw backs, but please feel free to request – or vote if already requested – such feature on Enfold feature request form.
Best regards,
Mike
Hi there!
Different paddings > different img width > different img height. We’ve set equal padding to the three items:
.av-instagram-row .av-instagram-item {
padding: 0 1px 3px;
}
.av-instagram-item:first-child {
padding-left: 0px;
padding-right: 2px;
}
.av-instagram-item:last-child {
padding-left: 2px;
padding-right: 0px;
}
Looks fine.
Regards
Bernd
Hi,
Glad we could help!
Please take a moment to review our theme and show your support https://themeforest.net/downloads
To know more about enfold features please check – http://kriesi.at/documentation/enfold/
Thank you for using Enfold :)
Best regards,
Basilis