How do I add images to a text module in DIVI builder

Hi Brian - have you found out abut how to do? I'm fighting exactly same problem and feel quite frustrated. Ingo

 

Hi, you can achieve this by clicking the add media button inside the text module...but the trick is to add the image while you are in TEXT MODE (not visual mode). Select the image you want to use and insert. Now go find the code for the image, it will look something like this: <img src="http://rdkconsulting.co.za/wp-content/uploads/2019/02/luca-bravo-207676-unsplash-FILEminimizer-1.jpg" width="1152" height="768" alt="" class="wp-image-46823 alignnone size-full" />. Now you must edit a few things... 1) the width, 2) the height, 3) the alignment.

1) currently: width="1152"
change it to: width="30%" ((you can play around with the % value until it works correctly)
2) I normally do the same % with the height
height="30%"
3)it has to either be left or right align for text to wrap around the image. So you would change it from:
alignnone to alignleft or alignright

It normally adds the image code right at the bottom of your text. You can just highlight the code starting at <img until /> then cut and paste it wherever you want to add the image.

EXAMPLE:
What it would look like at 1st:

<h3>bleeblabla</h3>
<p>Morbi leo mi, nonummy eget, tristique non, rhoncus non, leo. Nullam faucibus mi quis velit. Integer in sapien. Fusce tellus odio, dapibus id, eleifend sem. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Quisque porta. Vivamus porttitor turpis ac leo. <br>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi gravida libero nec velit. Morbi scelerisque luctus velit. Etiam dui sem, fermentum tincidunt scelerisque libero. Maecenas libero. Etiam dictum tincidunt diam. Donec ipsum massa, ullamcorper in, auctor et, scelerisque sed, est. Suspendisse nisl. Sed convallis magna eu sem. Cras pede libero, dapibus nec, pretium sit amet, tempor quis, urna. </p> <img src="http://rdkconsulting.co.za/wp-content/uploads/2019/02/luca-bravo-207676-unsplash-FILEminimizer-1.jpg" width="1152" height="768" alt="" class="wp-image-46823 alignnone size-full" />

WHAT IT SHOULD LOOK LIKE:

<h3>bleeblabla</h3>
<p>Morbi leo mi, nonummy eget, tristique non, rhoncus non, leo. Nullam faucibus mi quis velit. Integer in sapien. Fusce tellus odio, dapibus id, eleifend sem. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Quisque porta. Vivamus porttitor turpis ac leo. <br>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi gravida libero nec velit. <img src="http://rdkconsulting.co.za/wp-content/uploads/2019/02/luca-bravo-207676-unsplash-FILEminimizer-1.jpg" width="30%" height="30%" alt="" class="wp-image-46823 alignright size-full" />Morbi scelerisque luctus velit. Etiam dui sem, fermentum tincidunt scelerisque libero. Maecenas libero. Etiam dictum tincidunt diam. Donec ipsum massa, ullamcorper in, auctor et, scelerisque sed, est. Suspendisse nisl. Sed convallis magna eu sem. Cras pede libero, dapibus nec, pretium sit amet, tempor quis, urna. </p>

__________________________________________________________________________________________________________________-
_____________________________________________________________________________________________________________________

 

I've found that if, as you are adding the image via the add media button, while you have the image highlighted, if you go over to the description and scroll down you will see a drop down box that gives you the choice to left or center the image. If you left justify the image, the text should wrap.