BugWP logo BugWP
Back to Community
Home / Community / Plugin → Essential addons for elementor

Troubleshooting Common Essential Addons Filterable Gallery Issues

19 threads Sep 16, 2025 Plugin → Essential addons for elementor

Content

The Filterable Gallery widget from Essential Addons for Elementor is a powerful tool for creating dynamic, categorized image displays. However, users sometimes encounter specific layout and functional challenges. This guide compiles the most common issues and their known solutions, based on community discussions.

Common Issues and Solutions

1. Masonry Layout Alignment Problems

The Problem: Images in a Masonry layout do not align properly to the left, particularly when an even number of images is used.

Why It Happens: This behavior is often related to using images with varying dimensions combined with the "Randomize Items" option being enabled. The algorithm used to create the masonry effect can sometimes produce unexpected gaps.

Potential Solutions:

  • Ensure all images are cropped to a uniform aspect ratio before uploading.
  • Try disabling the "Randomize Items" option in the widget settings to see if the layout stabilizes.

2. Responsive Image Height on Mobile

The Problem: Images appear very narrow and elongated on mobile or tablet screens, looking out of proportion even after adjusting columns.

Why It Happens: The widget's responsive controls may not always scale the image height as expected on different screen sizes.

Potential Solutions:

  • Navigate to the widget's Settings tab and adjust the Image Height value to a smaller number that works better on mobile screens.
  • Use custom CSS with media queries to target specific screen sizes and adjust the image height.

3. Load More Button Not Full Width

The Problem: The "Load More" button does not have alignment or width controls in the Elementor panel, preventing it from spanning the full width of its container like a standard Elementor button can.

Why It Happens: This is a design limitation of the widget's current feature set.

Potential Solutions:

  • Add the following custom CSS to your site. For best practice, first add a unique custom CSS class to your Filterable Gallery widget in the Elementor Advanced tab, then prefix the CSS rule with that class (e.g., .my-unique-class .eael-gallery-load-more). 
    .eael-gallery-load-more {
    width: 100%;
}

4. Column Count Not Respected or Caching Issues

The Problem: The gallery displays fewer columns than selected (e.g., only 3 when 5 are chosen), or the edit view does not match the published view.

Why It Happens: This is frequently a caching issue, where old CSS/JS assets are being served.

Potential Solutions:

  • Regenerate Assets: Go to wp-admin -> Essential Addons, switch to the Tools tab, and click the Regenerate Assets button.
  • Regenerate Elementor Files: Go to wp-admin -> Elementor -> Tools and click Regenerate Files under the General tab.
  • Clear your browser cache (often by pressing Ctrl+Shift+R or Cmd+Shift+R on Mac) and any server-side or plugin-based caching systems you have running.

5. Image Width Control and Stretching

The Problem: Users can only adjust the image height, not the width, leading to concerns about image stretching.

Why It Happens: The widget is designed to auto-resize image widths based on the column count to maintain a responsive grid layout. Providing a manual width control could conflict with this and cause images to stretch.

Potential Solutions:

  • To control the final width of your images, adjust the number of Columns in the widget's Layout settings. More columns will result in narrower images.
  • Prepare your images beforehand by cropping them to the desired aspect ratio for the best visual results within the grid.

Features Currently Not Available

Based on community threads, the following features are not natively supported in the Filterable Gallery widget at this time. While some can be approximated with custom code, they are not available as standard options:

  • Inserting ads or shortcodes (like AdSense) between gallery items.
  • Displaying item titles both over the image (always visible) and on the hover overlay simultaneously.
  • Using posts as an image source instead of manually uploaded images.
  • Changing the default order of new items (they are always added to the end of the list).
  • Merging two separate Filterable Galleries after they are created.
  • Having device-responsive controls for the "Items to Show" setting.
  • Centering the final row of items if it is not full (e.g., centering 3 items in a 4-column layout).
  • Using more than 6 columns in the layout.
  • Making the entire product card (image + info) grow on hover and be clickable (requires HTML structure changes).

For issues not solvable through the above methods, checking the official Elementor and Essential Addons documentation for updates is recommended, as new features and fixes are regularly introduced.

Related Support Threads Support