Bricks Tutorials

Learn how to change the keyboard shortcuts for viewing on front end from Ctrl/Command + Shift + V to Ctrl/Command + Alt + V using custom JavaScript.

Learn how to collapse all items of Bricks nestable accordions at a specific breakpoint.

Learn how to link to a specific heading inside a Tabs (Nestable) element's tab pane content using custom JavaScript.

In the Bricks Facebook group, a user asks: Hey Everyone,I am trying to create the following:1- I have a Custom Post Type2- I have a static page, and in the…

Learn how to show top-level parent categories as tab titles and the corresponding subcategories as tab contents using Bricks nested queries.

Learn how to make WP Grid Builder's Load More facet work with Bricks' ACF Repeater query loop.

Learn how to insert common elements in Bricks builder editor easily with single key presses. Also, a handy hotkey to toggle the hover state for the selected element.

Learn how to add a custom class to all the images rendered by Bricks' Gallery elements so these images can be excluded from Perfmatters' Lazy Loading of images

Learn how to set up nested query loops in Bricks to show hierarchical posts with child posts grouped under their corresponding parent posts

How to insert an image or any Bricks element between posts output by a query loop.

Detailed instructions on setting up Bricks' Map element with additional location-based distance filtering or proximity search input.

How to link a Bricks post-creation form on a post to a newly created post of another post type using Meta Box relationship.

Updated version of the earlier Upcoming Events Grouped by ‘Month Year’ in Bricks tutorial with some improvements:

In the Bricks Facebook group a user asks: We can use AI to help unfreeze our brains sometimes or at least have it write the code with us after giving…

How to set the source of Bricks’ Image Gallery element on a post to images in the selected HappyFiles Folder(s) via a Meta Box Taxonomy or Taxonomy field.

Implement FullCalendar in WP using the WordPress REST API. Showing events on a calendar with event data (incl. custom field values) in popovers.

Update: Also added Variation 2 with support for Bricks' Load more functionality. In the Bricks Facebook group a user asked: Hello everyone. I have this issue with filtering and bi-directional…

We explore adding conditional classes or data attributes to Bricks query loop items.