Design System is here - Read the release post

Learn GeneratePress

Overlay Panels

Overlay Panels in GenerateBlocks Pro lets you create dynamic overlays such as Pop Ups, Mega Menus, Off-Canvas Panels, Pop Overs, Tooltips, Modal and Non-Modal Windows, Toasters and more. Getting Started Accessing and Creating your first Overlay Panel Admin OverviewOverlay Panels Admin screenOverlay Panel Editor Overlay Panels are built and configured within the Block Editor. Building Overlay … Read more

Conditions

The Conditions system in GenerateBlocks Pro allows you to control when and where your content appears on your WordPress site. You can create conditional rules based on site location, user roles, device types, dates and much more. You can create as many conditions as you require and attach them to any content that supports Display … Read more

Conditions

This documentation provides a comprehensive guide for both users creating conditions and developers extending the system. The modular architecture makes it easy to add new condition types while maintaining consistency and performance. For a shorter walk-through of building a condition type, see Registering conditions. For the hooks and the rule filters of the built-in types, … Read more

Site Header

Description Create a site header element with optional sticky header options. Block SettingsSite Header SettingsSticky Header Choose a sticky header option: Sticky Breakpoint Choose the display size for the Sticky Header to apply Tag Name Choose the blocks HTML Element tag: div section aside header nav Sticky header styling The sticky head comes with 2 … Read more

Navigation

Description The Navigation block displays a dynamic WordPress Menu. It provides extensive design controls allowing you to build all types of custom navigation. Used in conjunction with the Site Header and other GB Blocks you an build any kind of custom header for your site. To help users get started we have created 15 Header … Read more

Device Visibility controls

Device Visibility controls allow you to manage the visibility of blocks on different screen sizes. You can find these controls in the block settings panel.Device visibility controlsThe available options are: When an option is enabled GenerateBlocks will set the Layout > Display property to none !important in the relevant responsive views. Hiding blocks with display: … Read more

Add Container Link

Container Links can be added in one of two ways: In this doc we will explain how to use either option and the benefits and pitfalls of both. Pseudo Element TLDR: Skip straight to the how to If you know CSS, Pseudo Selectors and Global Styles then skip straight to the tutorial. In this How … Read more

Asset Library

The Asset Library is a workflow feature that simplifies adding custom SVG Shapes and Icons in your builds. With it you can group icons together for easy access in the block editor. NOTE: Icons and Shapes that are added using the Asset Library are inserted and saved into the Blocks HTML. Once added to a … Read more

HTML Attributes builder

The HTML Attributes Builder in GenerateBlocks Pro gives you direct access to a block’s HTML, providing developer-level control over its structure and functionality. GenerateBlocks Pro users have direct access to the blocks HTML via the HTML Attributes builder. Select any GenerateBlock and in the Block Setting > Advanced > Panel. The HTML Attributes builder exposes and editable attributes for … Read more

GenerateCloud

GenerateCloud is a plugin that allows you to host your own private cloud for sharing GenerateBlocks Pro patterns libraries. The plugin is included within the GeneratePress One subscription or can be purchased separately form generatepress.com. Requirements To create a cloud, you must have the following: How to Set Up GenerateCloud There are 3 steps required … Read more