Add the widget
Add the widget to the canvas
To access and use a widget:
In Elementor Editor, click +.
All available widgets are displayed.Click or drag the widget to the canvas. For more information, see Add elements to a page.
What is the Basic Gallery widget?
The Basic Gallery widget lets you showcase your pictures beautifully on your website. With this tool, you can easily create, adjust, and style photo galleries, even if you’re not skilled in coding or design.
Common use case
Sarah is making a website for a famous photographer. On the website’s homepage, they use the basic gallery widget to showcase photos neatly. This way, people visiting the site can easily see the best pictures and enjoy them more.
Additional use cases
- Display event highlights, speakers, sessions, or moments captured during the event.
- 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.
Add a Basic Gallery widget: Step-by-step
- Add the Basic Gallery widget to the canvas. For details, see Add elements to a page.
- In the Content tab, under the Image Gallery section, click the ➕ icon to choose and add your images to the gallery.
- After choosing your images, click on the Create a new gallery button.
- On the next screen, if you want, add captions to your images, and then click Insert gallery.
- After choosing your images, click on the Create a new gallery button.
- Use the Image Resolution field to set your images’ size: choose from thumbnail, full size, or specify a custom size.
- Use the Column field to determine the number of columns for displaying images, ranging from 1 to 10.
- Select a link option from the Link field: link images to their Media Files, Attachment Pages, or choose None.
Note: If you’re using the Lightbox feature, ensure the option Media Files is selected. - Use the Lightbox option to decide whether to show images in a lightbox. Selecting Yes or No will override the default lightbox setting.
Note: For images to display in the lightbox, you must link them to Media Files. - In the Order By section, pick either Default or Random to choose how pictures are shown in the gallery.
Settings for the Basic Gallery Widget
You can customize your widgets using content, style, and other advanced parameters, offering you great flexibility in tailoring them to your needs. Click the tabs below to see all the settings available for this widget.
Content tab
In the Content tab, you can add, delete, set lightbox preferences, and manage other controls for the images.
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. 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.
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.
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. For more details, see Border type.
Border Radius
To create rounded corners, increase the border radius. For more details, see Border radius tools.
Display
Choose whether to display or hide captions. If you opt to show them, more customization options will appear.
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. Learn more about shadows.
Spacing
Use the slider to increase or decrease the distance between the gallery images and captions.
Advanced tab
Control the placement of your widget, insert links, add custom code and more.
Advanced
Learn more about the Advanced tab settings.
