Overlapped Images

Content Controls

• Images – This control lets you select what Image(s) you want to add to your Overlapped Images element. You may select from the Media Library or using a URL.
  • Image Size – Select the proportional size of the image.
  • Alt – Set the Alt tag for the image if desired.
  • Width – Set the width for the image if you want a size other than the default.
  • Height – Set the height for the image if you want something other than a default size.
  • Position – Choose where the image will show inside of the Overlapped Images element.
  • Custom Position – Set the custom position for the image. Only available if Position is set to Custom. 

Design Controls

Size

This control group manages the dimensions of the Overlapped Images container.

• Width – Sets the overall width of the element’s container. Adjust this value to control how wide the element’s display area appears. Use standard units (px, %, etc.) to fit your design needs.

• Height – Sets the overall height of the element’s container. This control lets you define the vertical space occupied by the overlapped images. Choose a unit that best suits the element’s design context.

Misc

• Allow Overflow – Determines whether the overlapped images are allowed to extend beyond the boundaries of their container. Enabling this option lets you create more dynamic layouts, while disabling it keeps the images neatly contained.
• Default Image Width – Set the default width for each image.