250+ Bricks Tutorials

By default, Bricks comes with two skip links out of the box, one for the main content area and one…

Bricks has a handy bricks/builder/elements filter using which the available elements that show up after clicking + (or ⌃/⌘ +…

This Pro tutorial provides the steps to show a "Pro" ribbon for posts that are categorized under the "Pro" category…

Bricks provides two solutions for reusing content: Section TemplatesGlobal Elements Section Templates There are three ways in which a section…

This Pro tutorial provides the steps to output a Section in Bricks on single posts (of any post type) only…

Updated on 29 Oct 2022 Bricks has an excellent filter called bricks/posts/query_vars for modifying the query of Posts and Product…

Bricks' native 'Nav Menu' element comes with a built-in mobile menu, which shrinks the menu down to a menu toggle…

Update: This option is built-into Bricks and following custom CSS is not needed. For the Nav Menu element, use the…

Updated on 25 Jul 2023 This Pro tutorial provides the steps to set up a search template in Bricks with…

This Pro tutorial provides the steps to set up an offcanvas panel in Bricks using Alpine.js. Clicking on a button…

Sometimes we may need to create a custom post loop using Bricks' query loop feature, but wish to use our…

The current version of Bricks does not have a built-in Conditions feature but that does not mean we can't set…

Updated on 11 Aug 2022 This article is a compilation of some possible editor tweaks that make working with the…

This Pro tutorial provides the steps to implement simplePARALLAX.js in Bricks for one or more parallax sections in which the…

There are at least three ways in which we can build custom loops in Bricks. Posts elementTurning on Query Loop…

This Pro tutorial provides the steps to output a section having the Related Posts element only if there is at…

Update on 18 Aug 2022: The info below is not up to date. Follow documentation/videos provided by Automatic.css. Automatic.css is…