Description
Ms Gallery For Divi Lite is a lightweight and powerful plugin that adds a stunning masonry gallery module to the Divi Builder. Create Pinterest-style responsive image galleries with ease—complete with customizable layouts, image sizes, and elegant hover effects.
✨ Key Features:
- Masonry Layout – Create Pinterest-style responsive galleries with varying image heights
- Divi Builder Integration – Works natively with the Divi Visual Builder
- Responsive Design – Optimized layouts for desktop, tablet, and mobile devices
- Customizable Grid – Control number of columns (1–5) and spacing between images
- Image Size Options – Choose from WordPress image sizes (thumbnail, medium, large, full)
- Hover Effects – Built-in scale and shadow animations on hover
- Advanced Styling – Border settings and custom CSS options
- Performance Optimized – Lightweight and fast-loading frontend
- Easy Image Selection – Pick images from the WordPress Media Library
📱 Responsive Layouts:
- Desktop: Up to 5 columns
- Tablet (≥910px): 3 columns
- Mobile (≥768px): 2 columns
- Small Mobile (<575px): 1 column
🎯 Perfect For:
- Photography portfolios
- Product showcases
- Blog image galleries
- Any Divi-powered website needing stylish image layouts
Credits
Developed by lionecoders.
Source Code & Build Process
The unminified source code for this plugin’s JavaScript and CSS is available in the /src directory of this plugin.
If you wish to build the minified files yourself, run npm install and npm run build in the plugin root.
For more details, see our GitHub repository: https://github.com/lionecoders/ms-gallery-for-divi-lite
Screenshots
Ms Gallery module in Divi Builder 
Customization options in settings panel 
Responsive masonry layout in action 
Hover effects preview 
Mobile-optimized gallery view
Installation
- Upload the
ms-gallery-for-divi-litefolder to the/wp-content/plugins/directory. - Activate the plugin through the Plugins menu in WordPress.
- Open the Divi Builder and add the Ms Gallery module to your page.
- Select your images and customize the settings.
- Save and publish your page. Enjoy your new gallery!
FAQ
-
How do I add a gallery to my Divi page?
-
After activating the plugin, open Divi Builder and add the “Ms Gallery” module. Select your images and customize the layout.
-
Can I customize the look of my gallery?
-
Yes, you can set the number of columns, adjust spacing, choose image sizes, add borders, and apply hover effects.
-
Is the plugin responsive?
-
Yes. The gallery adjusts automatically for desktop, tablet, and mobile screen sizes.
-
What image formats are supported?
-
All standard image formats supported by WordPress: JPG, PNG, GIF, and WebP.
-
How many images can I add?
-
There’s no hard limit. For performance, we recommend keeping galleries under 50 images.
-
Can I mix image sizes in the gallery?
-
You can select one WordPress image size per gallery, but images with different dimensions can be used for a masonry effect.
-
Does it work with the Divi Theme and Divi Builder plugin?
-
Yes. Compatible with both the full Divi Theme and the standalone Divi Builder plugin.
-
Can I change hover effects?
-
The plugin includes default hover effects. You can further customize them using Divi’s Advanced CSS options.
Reviews
There are no reviews for this plugin.
Contributors and Developers
“Ms Gallery For Divi Lite” is open source software. The following people have contributed to this plugin.
Contributors
Translate “Ms Gallery For Divi Lite” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
Change Log
1.0.2
- Add Overlay setting
- Fix Minor issue
1.0.1
- Add source link in readme
1.0.0
- Initial release
- Masonry layout with responsive column support
- Custom grid columns and spacing
- Image size selection
- Hover effects
- Divi Builder integration
- Performance-optimized