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 633 Bricks code tutorials with BricksLabs Pro
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
Plain HTML pages in BricksHow to output only raw HTML on the page with no other WordPress/Bricks (or any other active child/parent theme)/plugins baggage.Read more →Categories: Bricks, FreeTags: WordPress Page Template
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 Search Results Template in BricksUpdated on 26 Oct 2023 This Pro tutorial provides the steps to set up a search template in Bricks with these features: Step 1 Create…Read more →Categories: Bricks, ProTags: Search Results
Pro Responsive iframes in BricksThis Pro tutorial provides the steps to add responsive iFrames in Bricks. Step 1 Edit your Page/Template with Bricks. Add a Code element having this…Read more →Categories: Bricks, ProTags: iframes
Pro Reading Progress Bar in BricksThis Pro tutorial provides the steps to implement a reading progress bar in Bricks builder. Step 1 Add the progress element as the first child…Read more →Categories: Bricks, ProTags: Reading Progress
Pro Floating Bottom Div when Scrolling Down in BricksCreating a floating call to action element that reveals only as the user scrolls down.Read more →Categories: Bricks, ProTags:
Pro “Pro” Category Ribbon for Posts in BricksThis Pro tutorial provides the steps to show a "Pro" ribbon for posts that are categorized under the "Pro" category when using Bricks builder. Step…Read more →Categories: Bricks, ProTags: Dynamic Data
Floating Element in BricksHow to create a floating element in Bricks that appears across the entire website.Read more →Categories: Bricks, FreeTags: Hooks