Using Avoori you may include unlimited images to your website pages with the help of the Image module when using the Page Designer.
Modules can be added inside rows, so be sure to create a row first where you want the module to appear. Then, add a new module by clicking on the gray plus sign. Choose the module from the list. If you prefer to find the module automatically, it’s also possible to type “image” in the search bar on top.
The contents tab includes the following options:
Insert a URL or upload an image from the media library. The image will show justified in relation to the column and will occupy the entire width of the column.
Enable “Open in Lightbox” if you want your image to zoom to full size when someone clicks on it. It will look like this:
If you prefer that the module opens a new URL when someone clicks on it, paste the link and decide if the link will open in the same window or tab.
Add a background color, gradient, image or video to your module.
You can modify the module’s label for easier identification.
Customize the design
With these settings, you can customize your design.
Select if you want the image to be aligned in the center, left or right. The default option makes it always being centered on the mobile view.
Adjust the width of the module.
Customize margins and padding sizes.
Define the border’s corner, style, color and width for your module.
Here you can enable box shadow.
Adjust the hue of the module as a whole.
Give an animation style to the module, like fading or sliding when it appears.
Using this tab you are able to insert CSS code, select device visibility, image alt text, image title text, and manage transitions. Check this guide to know more about how to use these settings.