by David Jensen
5 (13 reviews)
Light Modal Block
Lightweight, customizable modal block for the WordPress block editor
Compatible with WP 7.0.1
v1.9.2
Current Version v1.9.2
Updated 3 weeks ago
Last Update on 25 Jun, 2026
Refreshed 11 hours ago
Last Refreshed on
Rank
#4,725
—
No change
Active Installs
2K+
—
No change
KW Avg Position
84.3
—
No change
Downloads
19K
+33 today
Support Resolved
0%
—
No change
Rating
100%
Review 5 out of 5
5
(13 reviews)
Next Milestone 3K
2K+
3K+
450
Ranks to Climb
-
Growth Needed
8,000,000
Active Installs
Pro
Unlock Exact Install Count
See the precise estimated active installs for this plugin, calculated from real-time ranking data.
- Exact install estimates within tiers
- Track install growth over time
- Milestone progress predictions
Need 115 more installs to reach 3K+
Rank Changes
Current
#4,725
Change
Best
#
Downloads Growth
Downloads
Growth
Peak
Upgrade to Pro
Unlock 30-day, 90-day, and yearly download history charts with a Pro subscription.
Upgrade NowReviews & Ratings
5.0
13 reviews
Overall
100%
5
13
(100%)
4
0
(0%)
3
0
(0%)
2
0
(0%)
1
0
(0%)
Tracked Keywords
Showing 4 of 4| Keyword | Position | Change | Type | Updated |
|---|---|---|---|---|
| modal | 3 | — | Tag | 1 day ago |
| block | 37 | — | Tag | 1 day ago |
| lightbox | 106 | — | Tag | 1 day ago |
| popup | 191 | — | Tag | 1 day ago |
Unlock Keyword Analytics
Track keyword rankings, search positions, and discover new ranking opportunities with a Pro subscription.
- Full keyword position tracking
- Historical ranking data
- Competitor keyword analysis
Support Threads Overview
Resolved
Unresolved
3
Total Threads
0
Resolved
3
Unresolved
0%
Resolution Rate
Track This Plugin
Get detailed analytics, keyword tracking, and position alerts delivered to your inbox.
Start Tracking FreePlugin Details
- Version
- 1.9.2
- Last Updated
- Jun 25, 2026
- Requires WP
- 6.6+
- Tested Up To
- 7.0.1
- PHP Version
- 7.0 or higher
- Author
- David Jensen
Support & Rating
- Rating
- ★ ★ ★ ★ ★ 5
- Reviews
- 13
- Support Threads
- 3
- Resolved
- 0%
Keywords
Upgrade to Pro
Unlock keyword rankings, search positions, and detailed analytics with a Pro subscription.
Upgrade Now
Frequently Asked Questions
Common questions about Light Modal Block
Each modal is given a unique ID, which can be found inside the inspector controls of the block settings. It will look something like: Mk6I8L4haJB To open a modal: window.lightModalBlocks.get('modal-id-here').showModal(true); To close a modal: window.lightModalBlocks.get('modal-id-here').closeModal();
Paste the following code in your child themes functions.php file or similar: /** * Prevents the light modal block from focusing on a specific element when it opens. * * @return void */ add_action( 'wp_enqueue_scripts', function () { wp_add_inline_script( 'cloudcatch-light-modal-block-view-script', 'window.lmbFocusableElements = "";', 'before' ); } );
The class lmb-open is added to the <body> of the page when a modal is open. You can use the following CSS to prevent scrolling .lmb-open { overflow: hidden; }
Add the following CSS to your child theme to fade the modal in and out: .wp-block-cloudcatch-light-modal-block__wrapper { opacity: 0; transition: opacity 0.3s ease, display 0.3s allow-discrete; } .wp-block-cloudcatch-light-modal-block__wrapper.is-open { opacity: 1; } @starting-style { .wp-block-cloudcatch-light-modal-block__wrapper.is-open { opacity: 0; } } Or, for a livelier effect, use this CSS to make the modal pop in with a springy slide and scale: .wp-block-cloudcatch-light-modal-block__wrapper { opacity: 0; transition: opacity 0.3s ease, display 0.3s allow-discrete; } .wp-block-cloudcatch-light-modal-block__wrapper.is-open { opacity: 1; } .wp-block-cloudcatch-light-modal-block__wrapper .wp-block-cloudcatch-light-modal-block { opacity: 0; transform: translateY(40px) scale(0.9); transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.3s ease; } .wp-block-cloudcatch-light-modal-block__wrapper.is-open .wp-block-cloudcatch-light-modal-block { opacity: 1; transform: translateY(0) scale(1); } @starting-style { .wp-block-cloudcatch-light-modal-block__wrapper.is-open { opacity: 0; } .wp-block-cloudcatch-light-modal-block__wrapper.is-open .wp-block-cloudcatch-light-modal-block { opacity: 0; transform: translateY(40px) scale(0.9); } }