Images stretched on Widget

I have the exact same problem – can see it here.

Help please?

Thanks!

@bkonyn – I’m not seeing a NextGEN Widget in your sidebar …

@lpowell – Can you provide any more information? For example, what is the size of the image(s) you are displaying and what settings are you using for the Widget?

– Cais.

The images are all various sizes – some horizontal, some vertical. I have it set to a max of 250×275 width and height, which used to be exactly that, a max. Now, however, it doesn’t seem to work that way and is instead making everything set to 250×275.

@lpowell – I can see the stretching on your site but I am not able to reproduce it no matter what dimension I use with varying sizes of images in both horizontal and vertical orientations with the theme I do my standard testing with.
—
Unfortunately this is appearing to be a theme related issue as I can reproduce this using Twenty Twelve which appears to be the Parent-Theme of what you are using; and, I cannot immediately find a CSS work-around to sort this out.

You may need to take into account your Child-Theme’s styles to find the right custom CSS to apply (or remove) to correct this.

– Cais.

@photocrati thanks for responding. I had to remove it as it looked bad but i have it on other sites… I tend to use the ZOO framework and themes from https://www.yootheme.com/zoo so it could be that the two are not working well together as you say above.

Another example would be https://www.grantsteelmvp.com/ heading quick pick on the left sidebar.

@bkonyn – The example site you just provided should be updated to the latest version of NextGEN Gallery (and WordPress core) … you should also review any other updates that are available as well.

See if that helps to sort out the issues you are seeing.

Thanks!

– Cais.

@photocrati thanks for coming back to me – i have done all the updates as suggested but it is still showing the same symptoms.

The widget is set to show 1 original image, random.
width 175 x height 400
from all galleries.

As you can see it forces the image to be 400 height rather than setting it as a maximuium but leaving the image at 175 max width with the relevant max height to keep it in proportion which is what the old version of NextGen used to do.

Thanks

@bkonyn – Yes, I can see the issue with that theme as well, but I also cannot find what is causing it to happen as this is not consistent across all themes … which still leads me to believe it is theme related.

– Cais.

@potocrati the annoying thing is it worked perfectly in 1.9.13 with that theme and all the others. Then when you upgraded it it is broken. Although I understand it can be the way your plugin interacts with the theme, I still think that there must be a fix that you can make to NextGen to make it work like it did in the old version.

@bkonyn – Give this a try … add the following custom CSS under Gallery > Other Options > Styles …

.ngg-widget img { height: auto; }

You may need to add the !important directive but as is it should work.

You can also add the height: auto; property to your theme’s base img style element and see the same correction.

– Cais.

That worked for me – thanks!

@lpowell – Thanks. Did you add the custom CSS for your theme in general, or did you add it for NextGEN Gallery only?

– Cais.

@photocrati – I added it for NextGEN only.

@lpowell – Thanks … call it a mini-poll to see how end-users are choosing to correct the issue. Your feedback is much appreciated.

– Cais.

@photocrati I did the same – thanks. This works great for us both as the height set in the widget option is then ignored. Of course for other users it may be the width.
Maybe in the future you could allow the user to set a height / width of -1 and that would trigger the widget not to set that element in the first place.

For now this is a good working solution so than you very much!