When you drag an Image element, the Media Library will immediately appear. Choose the image you want and click “Insert into post.”

Use the “Size” slider to change the overall size of the image. The “Height” option will change how far the image is zoomed in. Check the "Open full size image on click" box if people may need or want to look at the full-size image.

You will rarely need to move the sliders for “Add caption text” or “Add link to image.” The need for the “Image Effects” drop-down is also a rare occurrence.

Use the “Layout & Position” options to change the padding around the image. The image alignment can also be changed in this section.

How to wrap text around images

To wrap text around an image, place the image element above the text. You must choose either a right or left alignment for the image. Set the padding to 0 above and 20px on the opposite side of the alignment. For example, if the image is aligned to the right, place 20px of padding on the left side. Click the “Advanced” drop-down and then check “Float.” Change the size of the image under “Main Options” if you’d like to see how it affects the text wrap.

Galleries

A Gallery block operates similar to the Image block. After clicking the Add an Element button, search for "Image Gallery." Click and drag where you want the block. The Media Library will immediately appear in a light-box. Choose the images you'd like to add, or upload files from your computer. Click the "Add to gallery" button at the bottom of the light-box.

The light-box will automatically switch to the Edit Gallery tab. From here, you can switch image placements by dragging and dropping them. When everything looks good, click the "Insert Gallery" button at the bottom.

Set the Gallery type to the top-right option. Adjust the column height so it looks good.

Thumbnail size should be "Automatic."

Click behavior will default to "None," so use the drop-down to change it to "Open fullscreen lightbox."

A new drop-down option will appear titled "Full screen image size." Choose "Original."

If there are photos you want to add or remove, click the green-outlined "Edit selection" button at the top of the settings.

Element: Images & Galleries

You must be logged in to access this course

First Steps

Setting Up The Menu

Miscellaneous

Overview

Block Types

Thrive Theme Builder and Thrive Architect

Types of Elements

Thrive Lightbox