Animated Border Hover Effect ButtonsHere's how can be implemented in HTML/WordPress/Bricks. Step 1 Add this CSS in your child theme's style.css or another appropriate…Read more →Categories: Free, GeneralTags: CSS
How to import custom posts with featured images and custom fields by fetching an API using a single AJAX callIn this tutorial, we will import a list of movies - including images and custom fields - inside a custom…Read more →Categories: Bricks, Free, GeneralTags: API
Introduction to Fetching API in BricksIn this tutorial, we'll create a dynamic Chuck Norris quote picked from a public API to understand the basics of…Read more →Categories: Bricks, Free, GeneralTags: API
How to apply a custom query var to multiple query loops in BricksIn this tutorial, we'll learn how to apply a PHP filter to modify the query var of multiple query loops…Read more →Categories: Bricks, Free, GeneralTags: Dynamic Data, Query Loop
A CSS approach to content switcher in BricksIn this tutorial, we'll build a 100% CSS solution for content toggles in Bricks. Introduction If you are looking for…Read more →Categories: Bricks, Free, GeneralTags: CSS
How to create responsive tooltips in BricksIn this tutorial, we'll see how we can add perfectly responsive tooltips to any Bricks elements. Introduction Tooltips can be…Read more →Categories: Bricks, Free, GeneralTags:
GSAP in Bricks: a concrete exampleIn this tutorial, we're going to create a custom timeline with different popular GSAP animations and integrate it into the…Read more →Categories: Bricks, Free, GeneralTags: GSAP
How to add a layout toggle on query loops in BricksIn this tutorial, we’ll show you how to change the layout of your query loop container based on the click…Read more →Categories: Bricks, Free, GeneralTags: Query Loop
Introduction to GSAP in BricksIn this tutorial, we'll learn how to run basic GSAP animations inside the Bricks Builder using JSON objects inside specific…Read more →Categories: Bricks, Free, GeneralTags: GSAP
How to add a resizable desktop navbar in BricksThis tutorial will show you how to add a "More" menu item when the navbar overflows on desktop.Read more →Categories: Bricks, Free, GeneralTags: Menu, Nav Menu
How to add a custom SwiperJS slider in BricksIn this tutorial, we'll show you how to integrate a custom slider in Bricks using the SwiperJS library and how…Read more →Categories: Bricks, Free, GeneralTags: Slider, Swiper
Add masonry style to the Remote Template listThis article will show you how to transform the remote templates list of Bricks in a masonry style without cropping…Read more →Categories: Bricks, Free, GeneralTags: CSS
How to create filters with IsotopeJS in Bricks (Part 3): apply multiple filtersThis tutorial will review how to apply multiple filters to an isotope container using the IsotopeJS library‘s features in Bricks.Read more →Categories: Bricks, Free, General, PluginsTags: ACF, Animations, Isotope, Query Loop
How to create filters with IsotopeJS in Bricks (Part 1)This tutorial series will explore the IsotopeJS library's features inside the Bricks ecosystem.Read more →Categories: Bricks, Free, GeneralTags: Filters, Isotope
How to populate a map with dynamic markers from a CPT using ACF in Bricks (PART 3)This tutorial provides the PHP & JS codes that can be pasted in order to filter your markers on a…Read more →Categories: Bricks, Free, General, PluginsTags: ACF, Animations, Filters, Isotope, Leaflet, Query Loop
How to animate notations on scroll using RoughNotation.js in BricksThis tutorial provides the PHP & JS codes that can be pasted in order to animate notations on scroll using…Read more →Categories: Bricks, Free, GeneralTags: Animations
How to create a dynamic infinite logo slider with ACF and BricksThis tutorial provides the builder settings, PHP & CSS codes that can be pasted in order to create an infinite…Read more →Categories: Bricks, Free, GeneralTags: ACF, CSS, CSS Grid, Custom Post, Query Loop
Custom Animations on Scroll without plugins in BricksThis tutorial provides the Javascript and CSS codes that can be pasted in order to create custom CSS animations on…Read more →Categories: Bricks, Free, GeneralTags: Animations