With AI Image Grid addon, It is a powerful tool that allows you to create stunning image galleries or grids on your website. With this addon, you can showcase a collection of images in an organized and visually appealing manner. With various customization options, including the number of columns, image size, and hover effects. You can easily upload your images and arrange them in a grid layout to match your desired design.
How to set up the AI Image Grid:
Step 1: Search and find Image Grid in the search box under the Elements Tab. After that, easily drag and drop the widget wherever you want inside the Elementor section.
Step 2: This is how the element will look after inserting the AI Grid.
How to set up content for AI Image Grid?
Under the content tab, you can configure the AI Time Grid.
Layout: You can choose the Image Grid type under the Layout area of the menu, which by default offers three types. Enable Slide to customise the slide view’s image grid. Alternatively, you can specify the maximum number of columns that can be constructed in a single row in the Columns Field. Enable the Animation Toggle if you want to give the Image Grid an animation effect. Additionally set space between two images in Post Gutter.
Image Section: Enter the number of images you wish to include in the grid. In the dropdown, select the picture size.
How to add Styles to the Image Grid?
Switch to the Style tab to style all the features of the Image Grid.
Set Background Color, Margin, and Padding to the Image Grid in General Section.
In the Image Section, you have the flexibility to set the Outer Spacing, Margin, Border Type, and Radius of the image.
Caption: Enable the Toggle to add the Caption to the image. Besides you can set alignment, color, margin and padding, and typography to the caption.
Enhance the visual appeal of your website and create an immersive experience for your visitors using AI Image Grid.