Get access to all 633 Bricks code tutorials with BricksLabs Pro
Related Tutorials..
Enqueueing a JavaScript File in Bricks
Bricks child theme's functions.php comes with code to enqueue (load) style.css on the front end. What if you want to load a custom JavaScript file…
Categories:
Tags:
Loading External Scripts in WordPress With Defer Attribute
The next major version of WordPress, 6.3 includes a loading strategy for scripts so we can easily specify that the scripts have defer or async…
Categories:
Tags:
How to change the text of an element based on breakpoints without creating duplicated content
In this tutorial, we'll learn how to dynamically change the text of a basic text element based on the viewport width in Bricks. Introduction Sometimes…
Categories:
Tags:
Pro
WP Grid Builder Filters inside Bricks’ OffCanvas
This Pro tutorial provides the steps to move WP Grid Builder's filters inside the Bricks' native Offcanvas on smaller viewport widths. Let's work with the…
Categories:
Tags:
How to sync two nestable sliders in Bricks
In this tutorial, we'll learn how to sync two nestable sliders in Bricks: one will be the main slider and the other one will be…
Categories:
Tags:
Pro
Horizontal Scrolling Tabs in Bricks
Nestable Tabs element in Bricks wraps into multiple lines out of the box at smaller viewport widths. This Pro tutorial provides the steps to remove…
Categories:
Tags:
Pro
Grid.js in Bricks
This Pro tutorial provides the steps to use Grid.js in a WordPress site powered by Bricks builder. Grid.js is a lightweight and performant JavaScript library…
Categories:
Tags:
Setting Active Tab in Bricks’ Tabs (Nestable) Element
With Bricks' Nestable tab element, here's how we can set which tab is active by default.
Categories:
Tags:
How to disable smooth scroll in Bricks
In certain situations like using ScrollSmoother, you may be looking to disable smooth scrolling functionality that’s built into Bricks.
Categories:
Tags: