See this widget in action here.
Want to showcase a collection of videos in a clean, filterable grid? The Video Gallery widget in aThemes Addons lets you build visually appealing galleries with YouTube, Vimeo, or self-hosted videos, complete with hover effects and category filters.
In this guide, we’ll walk you through how to activate, configure, and style the Video Gallery widget in aThemes Addons.
Before you get started, make sure you’ve installed and activated the aThemes Addons plugin on your WordPress site along with Elementor. For premium widgets, ensure aThemes Addons Pro is also installed and active. This widget requires aThemes Addons Pro.
Activating the Video Gallery Widget
To enable the Video Gallery widget, go to your WordPress dashboard and navigate to aThemes Addons » Widgets. Find Video Gallery and toggle it on.
Once enabled, open any page in the Elementor editor, search for Video Gallery, and drag it onto your page.
Configuring the Gallery Layout
In the Gallery Layout section, control how items are arranged on the page:
- Columns – Set the number of columns for desktop, tablet, and mobile.
- Gutter – Adjust the spacing between gallery items.
Adding Gallery Items
Use the Gallery Items section to add each video. Every entry includes the following fields:
- Video Type – Choose between YouTube, Vimeo, or self-hosted.
- Video URL – Enter the YouTube or Vimeo link.
- Image – Upload a thumbnail image for the video.
- Title – Add a title for the gallery item.
- Content – Add optional descriptive text.
- Filter Term – Assign a category so visitors can filter items.
Adjusting Settings
Filter
- Show Filter – Toggle the display of the filter bar.
- Show All Text – Customize the label for the Show All filter option.
- Filter Alignment – Align filter items left, center, or right.
Images
- Hover Effect – Choose from effects like Zoom In, Opacity, or Rotate.
- Transition Duration – Adjust the speed of the hover effect.
Content
- Vertical Alignment – Top, Middle, or Bottom.
- Content Alignment – Left, Center, or Right.
- HTML Tag – Set the tag for item titles (H1, H2, etc.).
- Visibility – Show content on hover or always.
Icon
- Play Icon – Choose an icon to represent the play button.
Styling the Video Gallery
Switch to the Style tab to customize the gallery’s look:
- Wrapper Background – Set the gallery’s background color.
- Wrapper Padding and Margin – Adjust spacing around the gallery.
- Filter Style – Customize filter items including hover and active states.
- Item Style – Adjust padding, border, border radius, and shadow for each item.
- Content Style – Customize alignment, colors, and typography for titles and descriptions.
- Icon Style – Adjust size, colors, and hover effects for the play icon.
Frequently Asked Questions
Below, we’ve answered some of the most common questions about the Video Gallery widget.
How do filters work in the Video Gallery?
Assign a Filter Term to each gallery item. The widget automatically creates a filter bar from those terms so visitors can narrow the view by category.
Can I show a different number of columns on mobile?
Yes. The Columns setting has separate values for desktop, tablet, and mobile so the layout stays clean on every screen size.
What’s the difference between the Video Gallery and Video Carousel widgets?
The gallery shows all videos at once in a grid and supports filtering. The carousel rotates through videos in a slider format.
That’s it! You’ve successfully built a filterable video gallery on your WordPress site using the aThemes Addons Video Gallery widget.
Next, would you like to display videos in a scrollable playlist instead? Check out our guide on Using the Video Playlist Widget to learn more.
