Wrap text in Generateblocks grid

Hi there,

cool idea but that layout requires using CSS Floats, which wouldn't work inside a grid. But it can be made to work with just a container block.

Try this:

1. Create your Container Block for the content you want floated. And in Advanced > Additional CSS Class(es) add: float-right-50

2. Below this container add the Text Block you want to wrap around it.

3. Add this CSS to your site:

@media(min-width: 769px) {
    .float-right-50 {
        float: right;
        width: 50%;
        margin-left: 20px;
        margin-bottom: 20px;
    }
}

Thanks, don't think I got it completely right. I tried to follow your steps, but it looks as follows: https://www.screencast.com/t/GzlTwz2MQ (I've removed it now so visitors did not see this, but I followed the steps completely).

Hi there,

The method requires all the paragraph blocks are NOT in the container or grid blocks.

The only content in a container block is the blue background note box which need this additional class should be added to:float-right-50.

Hi Ying

I did follow the steps, but it does not seem to work.

Below the container I just put a regular paragraph with the text I wish to wrap around the container, correct?

To cover this is the layout:

https://www.screencast.com/t/d2AUcpxkCFu

The Container Block has the Additional CSS Class.
And the Text (paragraph) Block below it highlighted in Green will wrap the container.

You will need to check the live page to see it work.