This release contains 111 changes in total. Making this one our biggest release so far. Below are some of the highlights, plus a few tips & recommendations in regards to this update.

Query Loop Builder

The new Query Loop Builder, our most popular feature request to date, allows you to visually create & design your own custom loops.

You can query post, term, and user data. The Accordion & Slider elements in Bricks offer Query Loops, too.

For maximum flexibility we’ve created a new Pagination element, that you can place anywhere on your page, and select any Query Loop you want.

Learn more: https://academy.bricksbuilder.io/article/query-loop/

Custom Builder Mode (via CSS variables)

For better accessibility or those who simply want to use their own colors for the builder, you can now setup your own builder mode through a few CSS variables.

Here is how: https://academy.bricksbuilder.io/article/builder-mode/

Move “Height” setting To “Min Height”

Prior to 1.3.7 the “Height” setting actually applied a “min-height” style as Bricks did not have a dedicated “min-height” setting.

As 1.3.7 now offers min/max height & width settings, we no longer rely on this “hack”. In order to set a min-height instead of a fixed height, please move those “Height” settings to “Min. height”.

Removed default: flex-shrink: 0

Prior to 1.3.7 Bricks automatically added a flex-shrink: 0 CSS rule whenever you’ve set a “Width”. This was more of a crutch as Bricks did not provide a “Flex shrink” setting. Since this release now comes with flexbox settings for flex-grow, flex-shrink, and flex-basis for all elements, we removed this default to be in line with the CSS specs.

If you need to “enforce” a specific width please use the new “Flex grow”, “Flex shrink”, and “Flex basis” settings when editing your elements.

Removed Section Migrator & Render Code

The Container element introduced in Bricks 1.2 has replaced the old section/row/column layout approach back in May 2021. As we haven’t received any more migrator request/reports over the last quarter we’ve decided it is time to remove it from the theme code base.

If you still need to migrate old section layouts (pre-Bricks 1.2) to the container layouts you can do so by downloading Bricks 1.3.6 from your Bricks account, and run the migrator from there.

This removal also reduces database requests in the WP admin.

Full changelog

  • Query Loop BuilderNew
  • Provide Min & Max Width/Height SettingsNew
  • Builder: Toolbar Logo Link To: “Post Type” ScreenNew
  • Image: Add setting for “object-fit” & “object-position”New
  • Pagination elementNew
  • Builder Mode: Custom (via CSS variables)New
  • Number Controls: Custom unitsNew
  • Theme Style Setting: Root Container PaddingNew
  • Builder: Remember selected CSS classesNew
  • Basic Text: Convert Bricks data to Gutenberg blockNew
  • Image Element: Add source “External URL”New
  • Post Title element: Add “Link to post” settingNew
  • New Translation: CzechNew
  • Search Results: Include Bricks DataNew
  • Icon Box: New “Direction” settingNew
  • Related Posts element: Add “Image Size” settingNew
  • New filter: Disable merge with main queryNew
  • Code element: New filter to remove dangerous keywords from code executionNew
  • New filter: Render attributesNew
  • Dynamic Data: Support ACF User FieldsNew
  • Dynamic Data: Support Settings Page, Term and User Fields for Meta Box (plugin)New
  • Dynamic Data: Support for Terms Fields in ACFNew
  • Theme Styles: More “Blockquote” settingsNew
  • Add CSS “overflow” settingsNew
  • Add Position “Static” valueNew
  • Delete template in builder: Move to trash instead of permanently deleting itNew
  • Query control: Add parent, child_of and childless parameters to Terms queryNew
  • Theme Styles: Add Margin setting for HeadingsNew
  • Updated German translationNew
  • Video element: Add “mute” setting to YouTube & VimeoNew
  • Add flex-basis, flex-grow, flex-shrink settings to every elementNew
  • Remove default z-index from Header, Content & FooterImprove
  • Slider element: Hide until fully loaded (initialised)Improve
  • Template Import: Remove “Execute Code” setting from “Code” elementImprove
  • Disable Emojis: Remove emoji DNS prefetchImprove
  • Better border-radiusImprove
  • Basic Text element: Set width to “auto” by defaultImprove
  • Background-size setting: Add “auto” to dropdownImprove
  • Button element: Change Size placeholder from “Medium” to “Default”Improve
  • Frontend: Select dropdown doesn’t show arrowImprove
  • WooCommerce Notices Wrapper: Positioned outside headerImprove
  • Dynamic Data: Improve Pods Relationship Field OutputImprove
  • Updated TypedJS to latest version (2.0.12)Improve
  • Number control: Let mouse & arrow value change start at inherited breakpoint valueImprove
  • Social Icons element: Remove unnecessary spansImprove
  • Reset settings inside control popup closes the popupImprove
  • Builder: Close Control Popup when another is openedImprove
  • Number control: Adjusting values via mouse too sensitiveImprove
  • Products element: Shortcodes not renderedImprove
  • Builder Color Control: Show colors above slidersImprove
  • IMPORTANT: Remove “flex-shrink:” 0 Bricks previously added by default to width settingImprove
  • Builder: Disable autocomplete on input number fieldImprove
  • Update: Vue 3.2.6 > 3.2.28Improve
  • Remove Migration & Pre-Container Layout CodeImprove
  • Move template to trash instead of force deleting it immediatelyImprove
  • Fix copy & paste of Container elementFix
  • Custom Code: Need to click twice to focusFix
  • Dynamic Data: Pods checkbox returning boolean instead of labelFix
  • Dynamic Data: Pods date field not respecting date formatFix
  • Structure Panel (RTL): Container toggle not workingFix
  • Posts Element: Overflow due to “Spacing”Fix
  • Vimeo background video shows player controlsFix
  • Mobile Menu toggle in builder: Close color, hide close, close positionFix
  • Can’t set template condition for homepage when homepage is set to “Latest Posts”Fix
  • Builder Panel: Element search shows duplicates of global elementsFix
  • “Edit with Bricks” pulls content from template not postFix
  • Dynamic Data: Archives shows context as prefix by defaultFix
  • Flex Row: Wrong icons at main & cross axisFix
  • Products Query: Filter should narrow downFix
  • Code element: Scripts not rendered (in builder)Fix
  • Rich Text element: embed in

    When using the Rich Text element with

    When using the Rich Text element with

    This release contains 111 changes in total. Making this one our biggest release so far. Below are some of the highlights, plus a few tips & recommendations in regards to this update.

    Query Loop Builder

    The new Query Loop Builder, our most popular feature request to date, allows you to visually create & design your own custom loops.

    You can query post, term, and user data. The Accordion & Slider elements in Bricks offer Query Loops, too.

    For maximum flexibility we’ve created a new Pagination element, that you can place anywhere on your page, and select any Query Loop you want.

    Learn more: https://academy.bricksbuilder.io/article/query-loop/

    Custom Builder Mode (via CSS variables)

    For better accessibility or those who simply want to use their own colors for the builder, you can now setup your own builder mode through a few CSS variables.

    Here is how: https://academy.bricksbuilder.io/article/builder-mode/

    Move “Height” setting To “Min Height”

    Prior to 1.3.7 the “Height” setting actually applied a “min-height” style as Bricks did not have a dedicated “min-height” setting.

    As 1.3.7 now offers min/max height & width settings, we no longer rely on this “hack”. In order to set a min-height instead of a fixed height, please move those “Height” settings to “Min. height”.

    Removed default: flex-shrink: 0

    Prior to 1.3.7 Bricks automatically added a flex-shrink: 0 CSS rule whenever you’ve set a “Width”. This was more of a crutch as Bricks did not provide a “Flex shrink” setting. Since this release now comes with flexbox settings for flex-grow, flex-shrink, and flex-basis for all elements, we removed this default to be in line with the CSS specs.

    If you need to “enforce” a specific width please use the new “Flex grow”, “Flex shrink”, and “Flex basis” settings when editing your elements.

    Removed Section Migrator & Render Code

    The Container element introduced in Bricks 1.2 has replaced the old section/row/column layout approach back in May 2021. As we haven’t received any more migrator request/reports over the last quarter we’ve decided it is time to remove it from the theme code base.

    If you still need to migrate old section layouts (pre-Bricks 1.2) to the container layouts you can do so by downloading Bricks 1.3.6 from your Bricks account, and run the migrator from there.

    This removal also reduces database requests in the WP admin.

    , embeds (e.g. YouTube) are not showing up: the iFrame is missing in HTML output.

    , embeds (e.g. YouTube) are not showing up: the iFrame is missing in HTML output.

    not showing
    Fix
  • Posts element filter: CPT Taxonomy not showingFix
  • “Render with WordPress” not working for CPT with Bricks dataFix
  • Rich Text element: Empty on Error pageFix
  • Frontend: Global Elements show default textFix
  • Background Control: Position “Custom” not showing for mobile breakpointsFix
  • Font-size unit resets to pxFix
  • Tabs element: Tab Titles Not Wrapped & Add “Stretch” Tab Title SettingFix
  • Post Content element: Alignments not respected (Data Source: Bricks)Fix
  • Nav Menu element: Top Level Menu “text-align” not appliedFix
  • Form element: Button border gets overridden by field borderFix
  • Countdown element: Can’t set time in date fieldFix
  • Pricing Tables element: Background-color bleedsFix
  • Template Shortcode: CSS Classes Styles MissingFix
  • Icon Box element: No icon selected takes up spaceFix
  • Blog Page: No styles when using Template elementFix
  • Nav Menu element: Sub menu icon not correctFix
  • Rich Text element: Pasting on the canvas cleans editor content in the panelFix
  • Template Conditions: If CPT is excluded from search it doesn’t show in dropdownFix
  • Page Settings: Site Layout “boxed” has no effectFix
  • Control number: Default “min” value should be 0, not 1 (and negative for all margins)Fix
  • Posts Element: Query “Post type” split into charsFix
  • Sticky Header: “Scrolling Background Color” applied multiple timesFix
  • Builder: Full-width element creates horizontal scrollbar when selectedFix
  • Basic Text: When “Link To” is set typography is overwritten by Theme Styles LinksFix
  • Countdown element: “Typography Time” setting not appliedFix
  • Search Form: Border styles not appliedFix
  • Divider: Icon Position “Left” broken on frontendFix
  • Number control: Values above ‘max’ reset value when using mouse/arrowsFix
  • Posts Element: Different “Columns” on mobile breakpoint break layoutFix
  • Sidebar element: line-height & title typography not applied to widgetsFix
  • Change element sizing & spacing on canvas updated element ID instead of selected global classFix
  • Font-size input: CSS variables not generatedFix
  • CSS “Transition” setting: Applied to multiple selectorsFix
  • Post Content element: Data Source “Bricks” adds list bullets to every element that contains a list (ul)Fix
  • Non-CSS controls should always use “required” from base breakpoint (not mobile)Fix
  • Negative values apply as unitFix
  • Improve Undo/RedoFix
  • Menu & mobile issues with sub menusFix
  • Font family with digits, spaces cause invalid property valueFix
  • Overlay/Gradient applied to global class does not showFix
  • Dynamic Data: “Author Avatar” emptyFix
All releases