The Elements section allows you to control the visibility and interactive behaviors of your gallery images. You can customize how each asset is rendered on the front end by configuring the following options:
- Image Display: Choose whether to show or hide the primary image.
- Image Size: Define the image quality and dimension size name to optimize loading performance.
- Click Action: Determine what happens when a user clicks an image. Options include disabling the click event, opening the single image in a lightbox, or launching all gallery images in a sequential lightbox slider.
- Image Overlay: Toggle the visibility of the interactive image overlay layer.
- Content Metadata: Choose to show or hide the image title, caption, and description text.
- Lightbox Metadata: Control whether the image title, caption, and description appear when viewed inside the lightbox overlay.
Common Divi Image Sizes
When specifying a custom image size, you can use any standard or custom size registered on your WordPress site. Frequently used default sizes include:
post-thumbnail, thumbnail, medium, medium_large, large, 1536x1536, 2048x2048, et-pb-post-main-image, et-pb-post-main-image-fullwidth, et-pb-portfolio-image, et-pb-portfolio-module-image, et-pb-portfolio-image-single, et-pb-gallery-module-image-portrait, et-pb-post-main-image-fullwidth-large, et-pb-image--responsive--desktop, et-pb-image--responsive--tablet, et-pb-image--responsive--phone, woocommerce_thumbnail, woocommerce_single, woocommerce_gallery_thumbnail
0 Comments