Page Designer Modules

  1. Home
  2. Support
  3. Page Designer Modules
  4. Image Module with the Website Page Designer

Image Module with the Website Page Designer

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.

Define contents

The contents tab includes the following options:

Image

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.

Link

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.

Background

Add a background color, gradient, image or video to your module.

Admin label

You can modify the module’s label for easier identification.

Customize the design

With these settings, you can customize your design.

Alignment

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.

Sizing

Adjust the width of the module.

Spacing

Customize margins and padding sizes.

Border

Define the border’s corner, style, color and width for your module.

Box Shadow

Here you can enable box shadow.

Filters

Adjust the hue of the module as a whole.

Animation

Give an animation style to the module, like fading or sliding when it appears.

Advanced settings

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.

Something missing? Contact us
Was this article helpful to you? Yes No

How can we help?