WPB Addons - Denial Design

Powerful extensions for WPBakery Page Builder including advanced background controls, customizable TinyMCE font sizes, and overlay functionality.

WPB Addons is a comprehensive extension plugin for WPBakery Page Builder that adds essential controls and features to enhance your page building experience.

Key Features

Advanced Background Controls

Background Size options (Cover, Contain, Auto, 100% 100%, etc.)
Background Position controls with 9 preset positions
Custom background position input for precise control
Z-Index control for element stacking
Works with Rows, Inner Rows, Columns, and Inner Columns

TinyMCE Font Size Management

Add custom font sizes to WPBakery text blocks
Automatic integration with theme.json font sizes
Visual admin interface for managing font sizes
Support for all CSS units (px, em, rem, %, etc.)
CSS variable support
Font sizes appear in TinyMCE dropdown and style selector

Background Overlay System

Add color overlays to any row
Easy-to-use color picker interface
Perfect for improving text readability over background images
Non-intrusive implementation with proper z-index handling

Theme Integration

Automatically loads font sizes from theme.json
Custom button colors from theme customizer (optional component)
Seamless integration with WordPress theming system

Why Use WPB Addons?

WPBakery Page Builder is powerful, but it lacks some essential controls for advanced design work. WPB Addons fills these gaps by adding the controls you need without bloating your site.

Clean Code: Built following WordPress coding standards
Performance: Minimal overhead with efficient CSS generation
Compatibility: Works with all modern WordPress themes
Easy to Use: Intuitive interface that matches WPBakery’s design
Well Documented: Clear options and descriptions throughout

Requirements

WordPress 6.0 or higher
PHP 8.2 or higher
WPBakery Page Builder (Visual Composer)

Installation

Upload the WPB-addons folder to the /wp-content/plugins/ directory
Activate the plugin through the ‘Plugins’ menu in WordPress
Ensure WPBakery Page Builder is installed and activated
Navigate to WPBakery > TinyMCE Font Sizes to configure font options (optional)
Start using the new controls in your WPBakery elements!

Manual Installation

Download the plugin ZIP file
Go to WordPress admin > Plugins > Add New
Click “Upload Plugin” and select the ZIP file
Click “Install Now” and then “Activate”

Frequently Asked Questions

Does this plugin require WPBakery Page Builder?

Yes, WPB Addons is specifically designed to extend WPBakery Page Builder and requires it to be installed and activated.

Will this work with my theme?

Yes! WPB Addons is designed to work with any WordPress theme that uses WPBakery Page Builder. It also automatically integrates with themes that use theme.json for font size definitions.

Where can I find the new controls?

After activation:
Background controls appear in a new “WPB Background Options” tab in Row, Column, and Inner element settings
Overlay controls appear in the “WPB Row Custom” tab for Rows
Font sizes can be managed under WPBakery > TinyMCE Font Sizes in the admin menu
Font size options appear in the TinyMCE editor toolbar when editing text blocks

Can I customize the font sizes?

Absolutely! Go to WPBakery > TinyMCE Font Sizes in your WordPress admin. You can add, edit, or remove custom font sizes. The plugin also automatically imports font sizes from your theme’s theme.json file.

Does this plugin slow down my site?

No. WPB Addons generates minimal inline CSS only for elements that use the custom features. It doesn’t load any unnecessary scripts or stylesheets on the frontend.

Can I use custom CSS units for font sizes?

Yes! You can use any valid CSS unit including px, em, rem, %, vw, vh, and even CSS variables like var(--wp--preset--font-size--medium).

What happens to my content if I deactivate the plugin?

Your content will remain intact. The custom styling will simply stop applying. If you reactivate the plugin, all settings will be restored.

Is this plugin compatible with WordPress Block Editor (Gutenberg)?

This plugin is specifically designed for WPBakery Page Builder. For Block Editor functionality, you would need different tools.

Can I use the background overlay with parallax rows?

Yes! The overlay system is designed to work seamlessly with all WPBakery row features including parallax, video backgrounds, and full-width rows.

How do I set a custom background position?

In the “WPB Background Options” tab, you’ll find both a dropdown for common positions and a “Custom Background Position” field where you can enter precise values like “50% 25%” or “10px 20px”.

Screenshots

Buy now from our Buy Me A Coffee store!

Buy Now

Found a bug or need technical support? Please let us know using the contact form.