The Basic Gallery widget allows you to showcase your pictures neatly on your website. With this tool, you can easily create, adjust, and style photo galleries without needing any coding or design skills.
Additional use cases
- Display event highlights, speakers, sessions, or moments captured during events.
- Share personal experiences, events, or hobbies through photo diaries or visual stories.
- Display a collection of your work or projects in an organized and visually appealing manner.
- Create galleries for course modules, student projects, or campus events and activities.
Adding Basic Gallery widget
- Find the Basic Gallery widget in the widget menu.
- Drag it to the page canvas.
- Configure the settings from the tabs below.
Content tab
In the Content tab, you can add, delete, set lightbox preferences, and manage other controls for the images.
Image Gallery
- Add Images: Click the ➕ button to add your images.
- Image Resolution: Choose how big or small the images to be, from thumbnail to full, or define custom size.
- Columns: Select the number of columns for the images – from 1 to 10.
- Caption: Use the dropdown to choose:
None: No caption is displayed.
Attachment Caption: The image will be captioned as it is in the Media Library. - Link: Link the image gallery to their respective Media Files, Attachment Pages, or None.
Note:
If you’re using Lightbox, choose Media Files.
- Lightbox: Allow images to appear in a lightbox. Selecting Yes or No modifies the default lightbox settings.
Note:
The lightbox will only work if you link the images to Media Files.
- Order By: Set if the images should appear in their original order or be shuffled randomly.
Style tab
In the Style tab, you can customize the appearance of your images and captions. You’ll find settings for spacing, color, typography, and other design choices.
Images
- Spacing: Adjust the gap between image slides. Choose the default option or set a custom value using the slider.
- Border Type: Choose the border style to use around the images: None, Solid, Double, Dotted, Dashed, or Groove.
- Border Radius: To create rounded corners, increase the border radius.
Caption
Note:
Caption settings will only appear if you choose Attachment Caption in the Caption option of the Content tab.
- Alignment: Set the caption’s position: left, right, center, or justified.
- Text Color: Choose a color for the caption text.
- Typography: Modify the font, size, and other text attributes for the caption.
- Text Shadow: Click the 🖋️ icon to add a shadow to the caption.
- Spacing: Use the slider to increase or decrease the distance between the gallery images and captions.
Advanced tab
You can customize the widget further using the settings available in the Advanced tab. These options provide additional styling and functionality adjustments, allowing you to tailor the widget to better fit your design needs.