The default language of any content posted is English. Do not create multi-accounts, you will be blocked! For more information about rules, limits, and more, visit the
Help page. Found a dead link? Use the report button!
Information: Safety & Support
Resources here are generally safe, but false positives may occur on Virustotal due to certain coding techniques. Exercise caution and test before use. Consider buying licenses to support developers. Your security is our priority.
Due to the sheer scope of this release, we encourage you to test this update on a staging or local site first before deploying it to production!
Update your site to Bricks 2.0 on a staging or local site first.
Run the “Global Elements Converter” located at Bricks > Settings > General to convert any now-deprecated global elements to components.
Check the content & styling on the frontend as cascade layers are now enabled by default and may affect the styling of your site.
If multiple users with different roles and permissions edit with Bricks, we invite you to explore the new Builder Capabilities under Bricks > Settings > Builder Access.
Once you and/or your client have confirmed that the update went well, proceed with updating your production site.
Release Highlights
To keep this release post digestible, and because we already explored all 2.0 features in the pre-2.0 release posts, please refer to the individual changelogs below for a more in-depth explanation of certain features:
hat follows is an overview of the highlights of Bricks 2.0
Builder Features & Enhancements
Builder Capabilities (learn more)
Create fully-custom builder capabilities from 50+ granular permissions that let you control who can access which post types, content, styles, components, and more. Assign a capability to specific users and/or user roles.
Element Manager (learn more)
Enable or disable individual Bricks elements globally to streamline the builder interface and remove unused clutter.
Font Manager (learn more)
Manage and preview all your fonts directly within the builder. Download any Google Font with one click to host it locally. Manage all your Custom Fonts, Adobe Fonts, and save them as Favorites for instant access without searching.
Icon Manager (learn more)
Upload and organize (SVG) icon sets inside the builder, including preview, search, and visibility controls. Disable any icon set with one click, including built-ins.
Command Palette (learn more)
A fast search-based command runner (CMD/CTRL + K) to quickly navigate to core parts of the builder (scope: builder). Browse, create, and duplicate any post type (scope: builder), and insert elements or entire structures (scope: elements).
Element: Quick Access Bar (learn more)
Quickly navigate between the element tabs and control groups—100% keyboard-accessible.
Styling, Layout, and Visual Control
Visual CSS Grid Builder (learn more)
Design CSS grids visually with drag-and-drop support for rows, columns, and even looped content.
Inherited Setting Indicator (learn more)
See whether a property is inherited from a class, breakpoint, or pseudo-element—click to jump to the source.
Selector UI: Visual Styling for Any Element (learn more)
Target and visually style any selector within any element.
Selector Detector (learn more)
Select any node inside the currently active element on the canvas to style it 100% visually through the new Selector UI.
Pseudo Classes/Elements: New Location (learn more)
Pseudo states hover, :after, etc.) are now part of the new Selector UI.
Theme Styles: Loading Methods (learn more)
Choose between loading only the most specific (= default) or all matching theme styles.
Theme Styles: Stylesheets (learn more)
Add your own CSS to any Theme Style under the new “Stylesheet” control group.
Theme Styles: Contextual Spacing (learn more)
Adjust the default spacing for a clean slate and a consistent, flexible spacing system.
SVG Styles: Breakpoint & Class Support (learn more)
Style your SVGs visually (height, width, stroke-width, stroke-color, fill) on any breakpoint and global class.
Classes & Variables Dropdown: Toggleable Categories (learn more)
Organize class and variable lists by toggling categories—helps manage complex styling systems.
Workflow & UX Improvements
Builder UI: Revamped (learn more)
Cleaner interface, reorganized controls, more contrast, and consistent design language across all panels.
Bulk-Edit Elements (learn more)
Select multiple elements to style, wrap, or reposition them simultaneously.
Context Menu: Unwrap (learn more)
Right-click to “unwrap” an element from its container, flattening the structure in one click.
Variable Manager: Color Editor (learn more)
Edit and preview color variables visually.
Hide Element (Builder/Frontend) (learn more)
Instantly hide elements from both the builder and the frontend via a simple toggle.
Orphaned Elements Scan & Review (learn more)
Detect and clean up disconnected or broken builder elements from older or faulty templates. Runs on every builder load. Site-wide check under Bricks > Settings > Orphaned Elements Review
Components & Structure
Nested Components (learn more)
Reuse components within components—enabling modular layouts and streamlined updates.
Components Leave Experimental Stage (learn more)
The previously experimental feature is now stable and can be used in production.
New Property Types for Component Variations (learn more)
Add toggles, selects, and global class pickers to your components to make them even more dynamic and customizable.
Performance & Technical Changes
Builder: New Render Logic (learn more)
Under-the-hood rendering improvements reduce load times and improve responsiveness during editing.
BREAKING CHANGE: Cascade Layers Enabled by Default (learn more)
CSS Cascade Layers are now active, meaning theme styles, user styles, and component styles are properly isolated.
DEPRECATED: Global Elements (learn more)
Components have replaced global elements. Existing global elements are still rendered for now, but no longer supported, and no new global elements can be created. A Global Elements Converter is available under Bricks > Settings > General.
Element-Specific Enhancements
Form Element: Webhook Action (learn more)
The new form action, “Webhook,” allows for direct integration with third-party services through form submissions.
Map Element: Query Loop & Sync with Query (learn more)
Configure a query loop directly on the map or sync with another query loop for dynamic location rendering. Map Clusters are supported. Custom markers, in text or image format, can be set using dynamic data for every map location.
WooCommerce: Product Variation Swatches (learn more)
Built-in visual swatches (types: color, image, text label) for variable products enhance store presentation and user interaction.
Interactions for WooCommerce Events (learn more)
Add custom interactions for WooCommerce events, such as ‘Added to cart’, ‘Remove from cart’, ‘Cart updated’, ‘Coupon applied’, and ‘Coupon removed’.
We hope you enjoy the most significant update and take some time to explore and integrate the new features and workflows into existing and new Bricks site builds
Filters: Source and Taxonomy should be togetherImprove
Posts element: Set aria-hidden and tabindex for redundant linksImprove
Query loop control: Add search to template dropdownImprove
Builder: a[Link] info still visible after changing HTML tagImprove
Filter – Search: Clear icon does still visible after resetting filtersImprove
Popups: Focus does not return to trigger element after closing popupImprove
Skip link: Remove redundant aria-labelImprove
ACF: New field with Object Cache enabled: flush_cache logic not triggerFix
Adobe Fonts: Certain font styles not enqueued because font slug differs from css_namesFix
Builder: Custom HTML attributes from Bricks filters not rendered on canvas (section, container, block, div)Fix
Builder: Heading pseudo-class ::first-inline not rendered correctlyFix
Builder: :hover style persists on canvas if set on classFix
Builder: Reset styles control removes icon settings (Text link element)Fix
Builder: User without unfiltered_html cap: Builder save causes data to corrupt (if HTML entities are found in the element)Fix
Builder: Code and Template element “Render without wrapper” styles shouldn’t apply on canvasFix
Builder: Code “Sign code” keyboard shortcut reloads the pageFix
Builder: “Copy styles” from element panel not workingFix
Builder: TinyMCE “Add media” button not working (Rich text, etc.)Fix
Comments: Guest can’t see unapproved comment if post has no approved commentsFix
Divider element: Theme styles overwritten when using external stylesFix
Filter (AJAX): Unfiltered query after using browser back buttonFix
Filter – Radio: No .active class applied when using “Sort” modeFix
Filter – Search: Missing class stylesFix
Filter – Range: Division by zero errorFix
Filter: Breaks if the loop has an offsetFix
Form element: Width placeholder shows value from smaller breakpointFix
Form element: Mailchimp “Groups” options empty after adding Mailchimp as an actionFix
Form element: Login redirect action not working when redirect_to param is in the URLFix
Form element: DD tag ‘url_parameter’ not working in custom redirect URLFix
Form element: Attributes wrong, if checkbox field required and checkedFix
Form element: Undefined array key “administrator” (if selected as default role)Fix
Icon List: Label not rendering if set to “0”Fix
Link control: Dynamic data tag incorrect on Woo shop pageFix
Link to non-existing category breaks page/templateFix
Link type taxonomy: aria-current not set in navigationFix
Map element: Map not clickable (no API key)Fix
Map element: Custom style not working and setting change not reflected on the canvasFix
Nav Menu: Mobile menu selectors too specificFix
Nav menu in dropdown content gets default styling (on canvas)Fix
Nav nestable: Text link global class added twice (on li and a, instead of only a)Fix
Nested query loop: Incorrect Nested query loop: Incorrect Nested query loop: Incorrect Bricks 1.11 value fetched (on archive) value fetched (on archive) value fetched (on archive)Fix