Floating Text in Columns Around Image

Support
#1

Hello! I’m working on a site for a client and I’m having a hard time figuring out how to make columnized text float around an image.

Here’s an example of what I’m trying to achieve:

I’ve use css to get the image to float; however, the text then jumps to the other side of the image without wrapping. Unless I leave the text as a single column, it doesn’t wrap. Here’s what happens:

#2

Hi @RinardMedia,

Thank you for reaching out to us. You can achieve this with Classic Columnize element in Cornerstone. Just insert your image and text in the Content field of Columnize element (see screenshot) and your content will be automatically converted into columns.

You’ll have the following output:

To learn more about Columnize element, please see http://demo.theme.co/integrity-1/shortcodes/columnize/

Hope this helps!

#3

I totally didn’t even think of that. Haha. Thank you!

#4

Glad we could help.

Cheers!

#5

Can you get rid of the column lines?

#6

Hi @baddog,

Sure, please add this CSS to Theme Options > CSS

.x-columnize {
    -webkit-column-rule: 0px !important;
    -moz-column-rule: 0px !important;
    column-rule: 0px !important;
}

Thanks!

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.