The Fancy Bricks blog: Bricks Builder guides and tips
Practical Bricks Builder guides: WooCommerce customization, frameworks, mega menus and template roundups. Browse the posts and find your topic.
Latest Bricks Builder guides and posts
What a mega menu is and how to build one
What a mega menu is, how to build one that works with a mouse, a keyboard and a phone, design patterns worth borrowing, the…
Automatic.css vs Core Framework for Bricks Builder
I built the same Bricks Builder template for Automatic.css and Core Framework. Here's what changes between the two versions, what stays the same, where…
A practical guide to learning Bricks Builder
A practical tour of the Bricks Builder features you'll use most: setup, accessibility, popups, nestable sliders with Splide, variables and global classes, sticky headers…
Improving the Bricks Builder color palette
In this post, we’ll explore how to improve the visibility of the Bricks Builder color palette using CSS.
Adding product images to the WooCommerce checkout
To add images to Woocommerce checkout just add the following code to your functions.php file:
Remove the focus border without breaking accessibility
This border can break the design and many times we remove it, but if we remove it in the wrong way we will break…
A sticky sidebar (floating column) in Bricks Builder
In this post I will show you how to create a sticky sidebar in the right way, no more hiding the elements that do…
An automatic FAQ schema for a nestable accordion
I was looking for how to create a Squema type FAQ in Bricks with a nestable accordion but I didn't find much information, so…
A sticky header for only one section in Bricks Builder
Sometimes we want only one of the columns or sections of our header to be sticky. Bricks does not have this option by default…
Browse the Bricks Builder template library while you read
Every section for Bricks in one place, in Fancy Framework, Automatic.css or Core. Copy it in your framework and paste it.
Browse templates