Bricks Tutorials

Pro
skiplinks

How to Add Custom, Conditional Skip Links in Bricks

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

Read more

bricks-elements-array

How to Exclude Elements from Bricks Editor

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

Read more

Categories:
Tags:
Pro
bricks-pro-ribbon-posts

“Pro” Category Ribbon for Posts in Bricks

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

Read more

Categories:
reusables-in-bricks

Reusing Sections and Elements in Bricks

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

Read more

Categories:
Tags:
Pro
featured-image-condition-bricks

Conditional Section when Post has a Featured Image in Bricks

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

Read more

Categories:
Pro
bricks-posts-element-id

Prefiltering Posts for customizing Query in Bricks

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

Read more

Pro
combine-menus

How to Combine Multiple Menus into Bricks’ Mobile Menu

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

Read more

Categories:
bricks-hamburger-trigger-breakpoint-2

How to Change the Hamburger Trigger Breakpoint in Bricks

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

Read more

Categories:
Pro
CleanShot-2022-10-29-at-10.40.15@2x

Search Results Template in Bricks

Update on 29 Oct 2022 This Pro tutorial provides the steps to set up a search template in Bricks with…

Read more

Categories:
Pro
offcanvas-bricks-alpinejs

Offcanvas in Bricks using Alpine.js

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

Read more

Categories:
wp_query bricks

Adding any Custom WP_Query loop to Bricks’ Query Loop

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

Read more

Categories:
CleanShot-2022-05-14-at-09.12.23@2x

Conditions in Bricks Builder

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

Read more

Categories: