15th May '24/8 commentsFiltering Masonry-layout Posts by Categories in Bricks using IsotopeSridhar Katakam Updated on 29 Jul 2024 This Pro tutorial provides the steps to set up Isotope in Bricks for filtering posts by categories. This tutorial can also be applied to filtering a CPT posts by its custom taxonomy terms with a few changes. Step 1 Edit a Page or a archive template with Bricks. Copy the JSON from the link below and paste to import the fully-built Section from our dev site. This is a BricksLabs Pro tutorial. For full access login below or create your BricksLabs Pro account Username Password Remember Me Forgot Password Tagged: BricksIsotopeMasonryProSridhar KatakamSridhar Katakam is a Bricks enthusiast. He likes helping others by researching and solving WordPress-related problems and building websites.Get access to all 626 Bricks code tutorials with BricksLabs Pro
Pro Masonry for Query Loop in BricksIf you are looking to implement masonry with a 'view more' button i.e., click-type of infinite scroll follow this tutorial instead. Updated on 15 Mar…Read more →Categories: Bricks, ProTags: Masonry, Query Loop
How to add SVG icon as list item bulletsAdd this sample CSS: Replace brxe-list with the class of your ul element. Here's how you can generate the value of background-image property: Copy your…Read more →Categories: FreeTags: CSS
Pro Stripe’s Animated Gradient in BricksThis Pro tutorial provides the steps to set up an animated gradient as a background of a section in Bricks using the code generated by…Read more →Categories: Bricks, ProTags: Animations
Pro Sticky Header Only For Visitors in BricksA user asked: Anyone know if its possible to make the sticky of the header conditional only for logged out users? This Pro tutorial shows…Read more →Categories: Bricks, ProTags: Sticky Header
Floats in Bricks for Wrapping Text Around ImagesIn the Bricks Facebook group a user asks: Float, left or right? Just a quick question. Am I going crazy or can't I specify a…Read more →Categories: Bricks, Free, WordPressTags: CSS
Pro Meta Box/ACF Images Staggered Grid Gallery in BricksShowing images from two Gallery-type of ACF or Image Advanced-type of Meta Box fields in a staggered grid layout.Read more →Categories: Bricks, Plugins, ProTags: ACF, Image Gallery, Meta Box
Pro Custom WordPress Dashboard Page in BricksUpdated on 10 Jul 2024 This Pro tutorial provides the steps to replace all the meta boxes of the WordPress admin dashboard page with the…Read more →Categories: Bricks, ProTags: Dashboard
Pro How to Hide the Header Initially and Show It After Scrolling Down in BricksHiding the header when the scroll position is at the top and reveal it after the user scrolls down.Read more →Categories: Bricks, ProTags: Header
Floating Element in BricksHow to create a floating element in Bricks that appears across the entire website.Read more →Categories: Bricks, FreeTags: Hooks