What would you like to know?
Topic: Features
Breadcrumbs Element
Breadcrumbs are an essential part of website navigation, providing users with a clear path to navigate through the site hierarchy.… ...
How to Create Product Quick View with Bricks
Step 1: Design a Popup Template for Quick View Begin by designing the popup template that will be used for… ...
Global Class Manager
Bricks 1.9.5 introduced the Global Class Manager, a powerful new feature for creating, editing, deleting, and categorizing CSS classes directly… ...
Global Variables Manager
Bricks 1.9.8 introduces the Global Variables Manager, a powerful new feature that allows you to create, manage, and categorize all… ...
Code review
With the implementation of code signatures in Bricks 1.9.7 providing a robust mechanism to safeguard code authenticity, another new key… ...
Code signatures
With the release of version 1.9.7, Bricks takes another significant step to enhance the built-in code security by introducing code… ...
Query Sort, Filter & Live Search
This new feature set, introduced in Bricks 1.9.6, enhances content interaction through AJAX-powered filter elements such as search, checkboxes, select… ...
How to set up your Google Maps API key
Thanks to the Map element, adding a Google Map to Bricks is easy. The biggest hurdle is creating the Google… ...
Maintenance Mode
Bricks 1.9.4 introduces the Maintenance Mode feature. A straightforward way to manage your site's availability during updates or construction. How… ...
Scroll Snap
With the introduction of scroll snapping in Bricks 1.9.3, enhancing your web pages with sophisticated scrolling effects has never been… ...
Custom Authentication Pages
Since Bricks 1.9.2, you can create custom pages for the various authentication processes, effectively substituting the standard WordPress authentication pages.… ...
Save Form Submissions
Bricks 1.9.2 introduces an exciting new feature that allows you to capture form submissions. With the new Save form submissions… ...
How to use WPML with Bricks
WPML is a WordPress plugin known for its role in facilitating the creation of multilingual websites. Coupling it with Bricks… ...
How to get your Instagram Access Token
To use the Instagram Feed element (@since 1.9.1), you need an Instagram Basic Display API access token. This token allows… ...
How to use Polylang with Bricks
Polylang is a WordPress plugin designed to simplify the creation of multilingual websites. With Polylang, you can write posts, custom… ...
Menu Builder
Bricks 1.8 introduced a completely new, fully responsive, accessible, and highly customizable suite of elements to create nav menus/site navigations… ...
Integration: Adobe Fonts
How to use Adobe Fonts with Bricks All you need to do is provide Bricks with your Adobe Fonts "Project… ...
CSS Grid Layout
Available since Bricks 1.6.1 CSS grid allows you to create two-dimensional layouts (columns & rows). Whereas CSS flexbox, which Bricks… ...
Interactions
Interactions, available since Bricks 1.6, let you bind certain user or browser events (e.g. click, mouse hover, content loaded, etc.)… ...
Popup Builder
The Popup Builder is a very flexible, fully customizable solution to show popups anywhere on your website based on Interactions.… ...
Element Conditions
Element Conditions let you define one or multiple conditions for any element. Only if those conditions are met is the… ...
Block Element
The Block element is one of the four layout elements in Bricks (1.5+). Introduced together with the Section & Div… ...
Div Element
The Div element is one of the four layout elements in Bricks (1.5+). Introduced together with the Section & Block element it allows you to create… ...
Section Element
The Section element (available since 1.5) allows you to structure/divide your page into self-containing areas (think: one topic per section).… ...
Converter
Bricks offers multiple so-called "Converter" options. The Converter is a built-in tool that scans your database for outdated Bricks data… ...
Query Loop
The Query Loop builder is available for all layout elements, Accordion, and Slider elements. It can also be enabled for… ...
Builder Mode (Custom)
Starting with Bricks 1.3.7 you can customize the builder mode (color scheme) to your liking by tweaking a few CSS… ...
Element: Post Content
The Post Content element is a placeholder in the builder that tells Bricks to fetch the post content into the… ...
Styling Element States & Parts
Bricks lets you apply different styles to an element depending on its state (such as on mouse :hover or a… ...
Global CSS Classes
A CSS class is a collection of styles (CSS rules) that you can apply to any element anywhere on your… ...
Asset Loading Optimization
"Performance" being one of Bricks' three pillars, we have introduced a new asset loading solution in version 1.3.4 that offers… ...
Form Element
The Bricks' "Form" element is an out-of-the-box element to build and place forms on any page built with Bricks. The… ...
Custom Attributes
Bricks 1.3 introduces the possibility to add your own custom HTML attributes to any element. You can add custom attributes… ...
Accessibility
Accessibility (short: a11y), is the fine art of making your website as usable as possible by as many people as… ...
Container Element
The Container element used to be the only layout element in Bricks until version 1.5. It has now been extended… ...
SVG Uploads
WordPress, by default, does not allow SVG file uploads as this XML-based file format can contain malicious code. It can… ...
Dynamic Data
Use dynamic data to render all sorts of data from your WordPress database with Bricks. For example: Featured image, post… ...
Builder Access
By default only site admins have Full Access to Bricks. To allow builder access for a certain user simply edit… ...
Keyboard Shortcuts
Quickly perform the most common in-builder actions through short & simple keyboard shortcuts: Key CombinationDescriptionCMD / CTRLInsert element outside active… ...
Custom Code
Bricks allows you to add your own custom code (CSS, JavaScript, HTML, PHP) to various parts of your website. Global… ...
Custom Fonts
Your website typography has a huge impact on how your site is perceived, and it'll pay off to spend some… ...
Create Your Own Sidebars
Bricks provides you with its own, built-in sidebar generator. Located in your WordPress dashboard under Bricks > Sidebars it lets… ...
Shape Dividers
Give your design an edge by adding an unlimited number of shape dividers such as tilts, drops, grids, clouds, strokes,… ...
Global Elements
To reuse an existing element somewhere else on your site we can convert this element into a Global Element. How… ...
Context Menu
Bricks' context menu gives you quick access to various block actions such as edit, clone, delete, copy & paste styles… ...
Gradients & Overlays
Spice up your site's design by adding background, overlay, and text gradients to any element. When editing an element, the… ...
Unsplash Integration
Finding affordable, high-quality, commercially useable photography for your website (that doesn't scream stock photography) is really hard. Bricks is putting… ...
Hover Styles
The "Hover Styles" button as outlined below is now outdated. It has been replaced by a fully customizable pseudo-class &… ...