=== Ms Gallery For Divi Lite ===
Contributors: deep7197
Tags: divi, gallery, masonry, images, divi-builder
Requires at least: 5.0  
Tested up to: 7.0  
Requires PHP: 7.2  
Stable tag: 1.0.4  
License: GPLv2 or later  
License URI: https://www.gnu.org/licenses/gpl-2.0.html  

The fastest way to create responsive masonry galleries for Divi with customizable masonry layouts and smooth hover effects.

== 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.

**Note:** Compatibility with Divi 5 is coming soon!

**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  

== Installation ==

1. Upload the `ms-gallery-for-divi-lite` folder to the `/wp-content/plugins/` directory.  
2. Activate the plugin through the **Plugins** menu in WordPress.  
3. Open the Divi Builder and add the **Ms Gallery** module to your page.  
4. Select your images and customize the settings.  
5. Save and publish your page. Enjoy your new gallery!

== Frequently Asked Questions ==

= 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.

== Screenshots ==

1. Ms Gallery module in Divi Builder  
2. Customization options in settings panel  
3. Responsive masonry layout in action  
4. Hover effects preview  
5. Mobile-optimized gallery view  

== Changelog ==
= 1.0.4 =  
* Tested Upto WordPress Version 7.0

= 1.0.3 =  
* Tested Upto WordPress Version 6.9

= 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  

== Upgrade Notice ==

= 1.0.0 =  
Initial release. No upgrade actions required.

== 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