Image stack floated right

I’ve been trying to find an easy and flexible way to have a stack of images floated right with wrapping text around the stack. It seems like the CoBlocks ‘Stacked’ block doesn’t allow wrapping. So this is kind of a feature request and also sharing some css that allows this after A LOT of finagling (and studying how the Gutenberg image block floats.

This is set up for the wide setting rather than full.

.wp-block-coblocks-gallery-stacked.alignwide {
	max-width: 100%;
	margin: 0;
	position: static;
}
.wp-block-coblocks-gallery-stacked .coblocks-gallery--figure {
	float: right;
	display: table;
	position: static;
	margin-left: 1em;
}
.wp-block-coblocks-gallery-stacked .coblocks-gallery--item:last-child figure {
	margin-bottom: 1em !important;
}
.wp-block-coblocks-gallery-stacked .coblocks-gallery--caption {
	display: table-caption;
	caption-side: bottom;
	padding-top: 0.5em;  /* move caption closer to its img than to next one */
}

By the way, thank you for supporting captions in the Stacked block!

• This topic was modified 5 years, 8 months ago by Jim.
• This topic was modified 5 years, 8 months ago by Jim.
• This topic was modified 5 years, 8 months ago by Jim.