[Support request] Wrap text in Generateblocks grid

[Knuth Becker]

Hi. I know this is more a Generateblocks question, but I hope you can still help me.

How do you wrap text around the grid module? I have a little side note box where I want to wrap the article text around. There should definitely be an option for this.

See screenshots.

Thanks.

[David]

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;
    }
}

[Knuth Becker]

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).

[Ying]

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.

[Knuth Becker]

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?

[David]

To cover this is the layout:

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.

[Author]

Posts