Weblogix Software

<p>Mega Blocks – Editable Slider Block provides a powerful, customizable slider for the WordPress block editor (Gutenberg). It comes with Bootstrap 4, Swiper.js, background settings, and various customization options for your needs.</p>
<h3>Features</h3>
<ul>
<li>Responsive slider with Bootstrap 4 and Swiper.js integration.</li>
<li>Easy-to-use block in the Gutenberg editor.</li>
<li>Customizable background settings (image, color, gradient).</li>
<li>Padding and spacing controls.</li>
<li>Google Fonts integration for typography customization.</li>
<li>Animate.css integration for animations.</li>
<li>Over 100 ready-to-use slider designs.</li>
<li>Flexible layouts with advanced settings for background and typography.</li>
<li>Mobile-responsive design with touch-friendly Swiper.js integration.</li>
<li>Cross-browser compatibility for a consistent experience.</li>
<li>Easy installation and intuitive customization options.</li>
<li>Dynamic slider elements for custom animations and transitions.</li>
<li>Advanced typography settings to match brand guidelines.</li>
<li>Gradient and overlay effects for enhanced slider visuals.</li>
<li>Lightweight and optimized for fast loading.</li>
</ul>
<p>This plugin is ideal for users looking to add stylish, customizable sliders to their WordPress websites with ease.</p>
<h3>Why Choose Mega Gutenberg Slider?</h3>
<ul>
<li>User-Friendly Interface: Create stunning sliders effortlessly with the intuitive Gutenberg block editor.</li>
<li>Highly Customizable: Tailor your sliders with advanced settings for background, typography, and animations.</li>
<li>Mobile-Responsive Design: Ensure your sliders look great on all devices.</li>
<li>Feature-Rich Functionality: Leverage advanced options like gradient backgrounds, Google Fonts, and animation effects.</li>
</ul>
<h3>Layout and Background Options</h3>
<p>Enhance Your Sliders with Flexible Layout Choices, explore various layout and background options to make your sliders captivating and engaging.</p>
<ul>
<li>Banner Left Align: Display banner content aligned to the left, ideal for key text and buttons.</li>
<li>Banner Right Align: Align your banner content to the right for a clean, balanced look.</li>
<li>Banner Center Align: Create symmetry with a centered banner that makes main content stand out.</li>
<li>Left Align with Image: Combine text on the right with an image on the left for an engaging layout.</li>
<li>Right Align with Image: Showcase an image on the right with key text or call-to-action on the left.</li>
<li>Full Width Particle Background: Enhance your design with an animated particle background spanning the page.</li>
<li>Full Width Background Image: Feature a high-quality background image filling the page width for visual impact.</li>
<li>2 Column with Background Color: Organize content with background colors in a two-column layout.</li>
<li>Full Width Video Background: Engage visitors with a dynamic full-width video background.</li>
<li>Overlay Color on Background Image: Add an overlay to enhance text readability.</li>
<li>Box Layout with Solid Corners: A classic box layout with sharp corners, ideal for a structured design.</li>
<li>Box Layout With Rounded Corner: A modern box layout with rounded corners, adding a soft touch.</li>
</ul>
<h3>50+ Ready-to-Use Slider Designs</h3>
<p>Start with professionally designed templates to save time and effort. The Mega Gutenberg Slider includes over 50+ pre-built slider designs tailored for various use cases.</p>
<h3>Powerful Features at Your Fingertips</h3>
<ul>
<li>Typography Control: Add Google Fonts to enhance the text styling.</li>
<li>Animations: Integrate Animate.css effects for eye-catching transiti* * * ons.</li>
<li>Swiper.js Integration: Enable seamless, responsive, and touch-friendly sliders.</li>
<li>Bootstrap 4 Support: Ensure robust and reliable design compatibility.</li>
<li>Dynamic Elements: Customize animations and slider transitions for a unique look.</li>
<li>Advanced Backgrounds: Add gradients, overlays, or custom designs to fit your brand.</li>
<li>Optimized Performance: Lightweight code ensures quick load times.</li>
<li>RTL Support: Compatible with right-to-left languages for global reach.</li>
<li>Community and Updates: Regular plugin updates and an active support community.</li>
</ul>
<h3>Explore the Extensive Capabilities of Mega Gutenberg Slider</h3>
<p>Customizable Elements: Adjust every aspect of your slider, from content alignment to animation speed. Cross-Browser Compatibility: Works flawlessly across modern web browsers. Easy Installation: Install and activate the plugin to start creating sliders instantly.</p>
<h3>License</h3>
<p>This plugin is licensed under the GPLv2 or later. See the License URI for details.</p>


Mega Block Hero Banner Slider

A customizable Gutenberg slider block with Bootstrap 4, Swiper.js, background image, color, padding control, and advanced background settings.

Freemius

Abu Hayat

bPlugins

Charles Cormier

MD.SHIHAB SHAMIM

<p>Use video as background in section .</p>
<p><strong><a href="https://bplugins.com/products/video-background-block/" rel="nofollow ugc">Video Background</a></strong> | <strong><a href="https://bplugins.com/products/video-background-block/#demos" rel="nofollow ugc">Demos</a></strong> | <strong><a href="https://bplugins.com/products/video-background-block/pricing/" rel="nofollow ugc">Pricing</a></strong></p>
<h4>Free Features</h4>
<ul>
<li><strong>Universal Shortcodes</strong>: Compatible with all page builders.</li>
<li><strong>Background Video</strong>: Use a video as a background.</li>
<li><strong>Fallback</strong>: Use a fallback image.</li>
<li><strong>overlay</strong>: Add overlay color to the video.</li>
<li><strong>Height</strong>: Set the height of the section.</li>
<li><strong>Padding</strong>: Set the padding of the section.</li>
</ul>
<h4>Pro Features</h4>
<ul>
<li><strong>Everything in Free, plus advanced Pro features</strong>.</li>
<li><strong>Universal Shortcodes</strong>: Compatible with all page builders.</li>
<li><strong>Self‑hosted video</strong>:  (MP4/WebM/OGG) Use a video as a background.</li>
<li><strong>YouTube video</strong>: Use a video as a background.</li>
<li><strong>Vimeo  video</strong>: Use a video as a background.</li>
<li><strong>Responsive video sources (desktop/tablet/mobile)</strong></li>
<li><strong>Poster image support (desktop/tablet/mobile)</strong></li>
<li><strong>Poster options</strong>: show/hide, blur + blur amount, dominant color (auto/manual)</li>
<li><strong>YouTube background support + No-Cookie Domain Option</strong></li>
<li><strong>Vimeo background support</strong></li>
<li><strong>overlay controls</strong>: color/gradient, opacity, blend mode</li>
<li><strong>overlay patterns</strong>: dots, grid, diagonal + opacity</li>
<li><strong>Animated overlay (subtle motion)</strong></li>
<li><strong>Noise texture overlay</strong></li>
<li><strong>Cinematic vignette overlay</strong></li>
<li><strong>Min height + padding controls (desktop/tablet/mobile)</strong></li>
<li><strong>Video fit: cover/contain/fill</strong></li>
<li><strong>Segment loop (start/end)</strong></li>
<li><strong>Playback Speed Control</strong></li>
</ul>
<h4>How to use</h4>
<ul>
<li>First, Install the Video Background Block plugin</li>
<li>Add the Video Background block from the block category called “Widgets” in the Gutenberg editor.</li>
<li>You can change block settings from the right-side settings sidebar.</li>
<li>
<p>Enjoy!</p>
</li>
<li>
<p>For installation help click on Installation Tab</p>
</li>
</ul>
<h4>Feedback</h4>
<ul>
<li>Did you like this plugin? Dislike it? Do you have a feature request? <a href="mailto:support@bplugins.com" title="Send feedback" rel="nofollow ugc">Please share your feedback with us</a></li>
</ul>
<h3>Check out the Parent Plugin of this plugin-</h3>
<p><a href="https://bblockswp.com" rel="nofollow ugc"><strong>bBlocks</strong></a> – A blocks collection and page building tool for Gutenberg.</p>
<h3>Check out our other WordPress Plugins-</h3>
<p><a href="https://bplugins.com/products/html5-video-player/" rel="nofollow ugc"><strong>Html5 Video Player</strong></a> – Display videos as single and playlist in multiple skins.</p>
<p><a href="https://bplugins.com/products/pdf-poster/" rel="nofollow ugc"><strong>PDF Poster</strong></a> – Display/Embed PDF files with different styles.</p>
<p><a href="https://bplugins.com/products/html5-audio-player/" rel="nofollow ugc"><strong>Html5 Audio Player</strong></a> – Listen audios with awesome visuals.</p>
<p><a href="https://bplugins.com/products/streamcast-radio-player/" rel="nofollow ugc"><strong>StreamCast</strong></a> – Customizable radio player with different skins.</p>
<p><a href="https://bplugins.com/products/3d-viewer/" rel="nofollow ugc"><strong>3D Viewer</strong></a> – Embed 3D models and 3D products with interaction.</p>
<p><a href="https://bplugins.com/products/advanced-post-block/" rel="nofollow ugc"><strong>Advanced Post Block</strong></a> – Show posts and custom posts in different layouts.</p>


Video Background Block – Use video as background in section.


I placed a navigation block from the editor inside the video block. But it doesn't show me the hamburger. The problem is that it doesn't show the SVG inside the button. It only happens if I place it inside this block outside of it, and it works fine. That's why I had to uncheck:Show button iconConfigures the visual appearance of the button that changes the overlay menu.



And so, the word MENU appears.



Is there any way to make the menu hamburger appear?


Mega Block Hero Banner Slider vs Video Background Block – Use video as background in section.