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. The code is as follows: This code is taken from my own website and I added it so that my Sticky Header didn’t hide headings when I clicked to go to […]

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 for the content of your Post / Page. Like most of my tutorials, we’re going to go through a real-world scenario to best explain how (and why) you might want […]

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 create your content area. Here’s what we’ll set up in the article and why you might want to do it in your website. We will create a new Single Post template […]

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 Bricks Builder “echo” feature available in the Conditional Logic builder. Did that scare you? Don’t worry! It’s actually extremely easy to do! I’ll also give you the exact PHP code you […]

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 Builder so that you can learn from my mistakes. I will add to this article as I learn more about how it works and some of the best ways I’ve found […]

Bricks Builder: Show/Hide elements based on Business Opening Hours

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. The more robust solution For a more thorough solution, I put together this video below where I go through coding this. The video is below and you can grab all the […]

Table of Contents to Bricks Builder 2026 – Copy & Paste THIS code

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, I couldn’t find it in the plugin and so I went searching and decided on the below code. This Code I pieced together this Table of Contents from a few different […]

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 the code at this link here and I adapted it to meet my needs. VIDEO Tutorial Shortcode CSS JS PHP: Posts per page