Select Page

How to Wrap Text Around an Image: Part I

Wrapping text around images in the default mode in the standard WordPress editor. But if you’re using the standard WP text editor you won’t be taking advantage of the Divi Builder, which allows more flexibility in the customization of your site. In this series, “How to Wrap Text Around Images in Divi,” you will learn three different ways of wrapping text around images in the Divi Builder. The first way uses the Text Module. 

How to Wrap Text Around Images and Blockquotes Inside a Text Module

The standard text module in WordPress is called a WYSIWYG  editor (that’s short for “what you see is what you get”). The Divi Text Module uses the same kind of editor. This is the simplest way to wrap images with text.
Create a regular section with a one column row and add a text module. Insert text into the text module. 
Select the visual tab on the text editor and click the Add Media button. Select the image you would like to use from the media library or upload a new image. Under the attachment display settings choose left or right for the alignment option.

You can use the same technique with a block quote.  First, create a blockquote with the text editor.  You can style this using the built in blockquote settings in the Design tab within the Text Module. 

Now go back to the text editor and switch over from the visual tab to the text tab. Add inline styling to the blockquote tag to create spacing around the blockquote and float it left. This will allow the text to float around the blockquote. 

That’s it! We hope you found this tutorial helpful. Let us know in the comments below if you use this on your site!