Articles

Add offset to Smooth Scroll in Bricks (for Anchor Links)

Below is the CSS code you can copy and paste into your website to add an offset to the Smooth Scroll feature in Bricks.…
Hide Bricks Elements using has_blocks()

Using the has_blocks() function inside of Bricks allows you to control the output of elements based on whether or not you’re using Gutenberg or…
Bricks and Gutenberg content in the SAME Template

This article shows you how to create a Single Post template in Bricks Builder that allows you to use Gutenberg AND Bricks Builder to…
Bricks Builder: Conditions based on Post Type

To show and hide elements in Bricks Builder based on Post Type conditions, you need to combine the native WordPress get_post_type() function with the…
How to use BEM in Bricks Builder (with Examples)

In this post, I detail all the tips and tricks I’ve learnt while integrating the BEM methodology into the websites I build using Bricks…
Bricks Builder: Show/Hide elements based on Business Opening Hours

Here is how you can Show and Hide elements on the Page based on whether or not your Business is currently OPEN or CLOSED.…
Bricks Builder: Display “You Save x%” in the Shop Loop | WooCommerce

Here’s how to show a “you save X% in” in the WooCommerce shop loop when using Bricks Builder. VIDEO: The Video Tutorial Here is…
Table of Contents to Bricks Builder 2026 – Copy & Paste THIS code

I wanted a way to add a Table of Contents to WordPress that made the usability of the website much better. Easy right? Well,…
Show Posts as a Table with Filters (WordPress Archive)

This post will show you how to show your WordPress Blog Posts and a Table with a filter without using jQuery. I originally found…
Reading Progress Bar to WordPress in 30 seconds! (EASY Method)

HTML element JS and CSS