Support » Plugin: Page Builder Gutenberg Blocks – CoBlocks » Image stack floated right

  • Resolved Jim

    (@jwmc)


    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 4 months, 2 weeks ago by Jim.
    • This topic was modified 4 months, 2 weeks ago by Jim.
    • This topic was modified 4 months, 2 weeks ago by Jim.
Viewing 1 replies (of 1 total)
  • Plugin Author Anthony Ledesma

    (@paranoia1906)

    Hi @jwmc

    Thank you for creating this support request. This has provoked some thought on how to handle different layout configurations and is being considered. I went ahead and created a feature request on the CoBlocks GitHub which can be followed here:
    https://github.com/godaddy/coblocks/issues/695

    The wording and request is a bit modified. Please feel free to leave any comments about this issue or make contributions within GitHub.

    Best,

    Anthony

Viewing 1 replies (of 1 total)
  • You must be logged in to reply to this topic.