Working with images in Divi
1. Adding Images with the Image Module:
The Image Module allows you to insert images anywhere on your site. You can customize dimensions, add overlays, and apply animations. To add an image:
- Open the Divi Builder.
- Insert the Image Module into your layout.
- Upload or select an image from your media library.
2. Utilizing the Gallery Module:
To display multiple images, use the Gallery Module. It offers grid and slider layouts, customizable captions, and lightbox functionality. To create a gallery:
- Add the Gallery Module.
- Select images from your media library.
- Configure layout and design settings as desired.
3. Changing Section Background Images:
To modify a section's background image:
- Enable the Visual Builder and navigate to the desired section.
- Click the gear icon to access Section Settings.
- In the Content tab, select the Background option.
- Click the third tab (image icon) to add or change the background image.
- Upload a new image or select one from the media library.
- Adjust settings like parallax effect, blend mode, and positioning as needed.
4. Changing Row Background Images:
To change a row's background image:
- Enable the Visual Builder and navigate to the desired row.
- Click the gear icon to access Row Settings.
- In the Content tab, select the Background option.
- Click the third tab (image icon) to add or change the background image.
- Upload a new image or select one from the media library.
- Configure settings such as image size, position, and repeat options to achieve the desired appearance.