Twenty Twelve: image alignment issue in sidebar

[johnbierly]

HUGE thanks for fixing the missing left image border in Ticket #21926! The same thing happens with Jetpack Images in the sidebar: the margin cuts off the left image border. Thanks again!

[lancewillett]

Hi, could you upload a screenshot and provide more details of how to repeat this, please? What browser and OS, which exact widget and its content so we can reproduce it.

[johnbierly]

Yes! Sorry I didn't do this sooner. The top image is a simple text widget with "img src" html code, and borders are fine. Bottom picture uses the Jetpack Image Widget and borders are missing. Browser is Google Chrome. Thanks for your time and hard work!

[lancewillett]

Hmm, seems like the Jetpack Image Widget wraps the content in a wrapper element: <div style="overflow:hidden;"> ... </div> which means the images styles will get cut off.

Note: it's not a border, it's a drop-shadow with box-shadow. :)

Something like this would fix it:

.widget_image div {
	overflow: visible;
}

But I think it'd be better to fix it in Jetpack rather than just put the bandaid fix in the theme. I'll report it and see how it goes.

[johnbierly]

Thanks! I prefer to use text widgets for sidebar images anyway. Thanks again for your time and your help. I'm learning a lot.

[lancewillett]

The CSS fix in the Jetpack Image Widget will be in with next release of Jetpack (version 1.8) -- which is due sometime today or this week.

See ​http://plugins.trac.wordpress.org/changeset/603747/jetpack for the related change.