In this video, I demonstrate the correct way to use theme styles in Bricks Builder by replacing arbitrary values with variables. You’ll learn how to build a more maintainable and scalable design system using variables for layout, typography, and colours.…
Learn how to add a smooth, stylish footer reveal effect to your Bricks-powered WordPress site using a bit of custom CSS. Let me walk you through the simple steps to create a more dynamic and engaging footer that scrolls into…
Discover how to master your CSS Grid layouts in Bricks Builder with the Advanced Themer Framework. I will guide you through creating responsive layouts using CSS variables, controlling grids with the Variable Manager, and customising layouts employing auto grids, special…
Take your Bricks Builder skills to the next level with this in-depth tutorial on creating visually compelling grid-based layouts using the Visual CSS Grid Builder in Bricks 2.0. Bricks 2.0 CSS Grid Fundamentals: Building on the basics covered in…
Discover how to use the new Visual CSS Grid Builder in Bricks 2.0 to create advanced, responsive layouts with ease. In this tutorial, I’ll walk you through the basics of CSS Grid, demonstrate how to use the visual editor across…
Watch the first part of this series here: Learn how to add paid membership functionality to your WordPress site using Bricks Builder and Fluent Forms. In this step-by-step tutorial, we build upon the previous video by integrating Stripe payments…
Learn how to build a simple WordPress membership site using Bricks Builder and Advanced Custom Fields in this step-by-step tutorial. I walk you through how to: – Structure content behind a member login – Create user roles using Fluent Snippets…
Learn how to easily set up and share your Bricks Builder templates across multiple WordPress sites. In this step-by-step tutorial, you’ll learn how to configure one site as your template hub and securely grant other sites access, ideal for teams,…
One of the primary reasons your website may load slowly, especially on mobile devices, is the use of unoptimized images. In this step-by-step tutorial, I guide you through optimising and setting responsive images in Bricks Builder using different breakpoints for…
Are you ready to take your WordPress web design game to the next level? In this tutorial, I show you the entire process of building intelligent, automated pop-ups using Bricks Builder, Fluent Forms, and FluentCRM! Whether you’re collecting leads for…
Ever wondered what the difference is between CSS Classes and CSS Variables? In today’s tutorial, I show how both are used and how combining them can dramatically speed up your web design workflow! Whether you’re just starting with CSS or…
In this video, I walk you through my exact workflow for quickly creating professional website prototypes you can share with clients. From generating sitemaps and wireframes using tools like Relume, to creating AI-generated imagery and setting up your WordPress Blueprint…