Radio Images

Written by the Divi Engine Documentation Team

Introduction

Follow this step to learn how to use radio images.

Step 1: Define Field Layout Options

Head over to your page and add the Form module. 

• Add a Form Field.
• Give it a Title and ID.
• Make the field either a Radio or Checkbox.

Step 2: Add Field Options

Add options to your field or auto detect from mapped field.

Step 3: Add Images To The Options

Scroll down to the "Radio/Checkbox Image Options" section in the Content tab, turn on the "Add Images to the Options" button and add images. Drag your images to get them into the right order.

Step 4: Show Radiobox?

Scroll down to the "Radio/Checkbox Image Options" section in the Content tab and turn on the "Show Radiobox for Image options" button.

Step 5: Define The Label Position

Scroll down to the "Radio/Checkbox Image Options" section in the Content tab and define the Label position.

Step 6: Design Radio Images

Head over to the Design tab to add style to your Radio Image.

Radio Images Width

• Design tab > Radio/Checkbox Image Options.

Radio Images Border

• Design tab > Border.

Radio Images Border

• Design tab > Box Shadow.

More Support?

Please email us at [email protected] if you are unable to get Divi Form Builder working.