Update Resizes Widgets Sporadically

Not sure exactly why, but the few images that were resized have been corrected by unchecking the “Bound” box. It is still checked for the others.

Hi ??

Thanks for posting.

Sorry for the hassle, for the moment, please try inserting at Customize > Additional CSS:

.sow-image-container {
	display: block !important;
}

When the next version of the Widgets Bundle has been released, you can remove the above rule. We’re working on a fix now and will release it this evening.

I tried that and it didn’t help. Since you brought attention to the custom CSS, here is what it looks like. I just added the line that you indicated to it. Does this show the source of my issue?

.widget-mh,.so-widget-sow-image {
min-height:110px;
}
.bottom_aligner {
display: inline-block;
height: 100%;
vertical-align: bottom;
}
.sow-image-container {
position:relative;
min-height:110px;
display: block !important;
}
.so-widget-image {
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
margin:auto;
}

You could also try:

.sow-image-container {
	align-items: center;
}

If that doesn’t work, please, try the above rule without any Custom CSS targetting this widget.

The updated version of the Widgets Bundle will be out in a couple of hours. Alignment is changing to flexbox so it’s possible that might impact Customizations you’ve made using CSS. If so, the customizations might just need adjustment to compensate.

align-items:center by itself gave me all images stacked on top of each other center of the page. Using align-items:center with the other CSS still displays the image larger than with the previous Widgets version. It seems the only fix is to uncheck the “Bound” box.
I will check for updates this afternoon and see if the updated version behaves properly.

That’ll be best, thanks ??

You could also consider switching to the Simple Masonry widget and avoid the Custom CSS required for your custom grid. That’s an option.