15th May '24/8 comments/FavoriteFiltering 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 525 Bricks code tutorials with BricksLabs Pro
Pro Oxygen’s Focus Section in BricksThese are the steps to implement Focus Section, an Oxygen’s composite element, in Bricks.Read more →Categories: Bricks, ProTags: IntersectionObserver
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
Pro Horizontal Scrolling Tabs in BricksNestable Tabs element in Bricks wraps into multiple lines out of the box at smaller viewport widths. This Pro tutorial provides the steps to remove…Read more →Categories: Bricks, ProTags: Tabs
Pro CSS Grid for Posts Element in BricksThe "Posts" element in Bricks has "Grid" as the default layout but the actual CSS it applies on the page feels hacky with negative margins…Read more →Categories: Bricks, ProTags: CSS, CSS Grid, Posts
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
Floating Element in BricksHow to create a floating element in Bricks that appears across the entire website.Read more →Categories: Bricks, FreeTags: Hooks
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
Create a App-Like Navigation in BricksI've promised a few folks in the Facebook group to create a tutorial on how to create an app-like navigation in Bricks like in the…Read more →Categories: Bricks, FreeTags: Menu, Navigation
Pro Horizontal Scrolling Sections in Bricks Using GSAP’s ScrollTriggerIn this Pro tutorial we'll use GSAP's ScrollTrigger library in Bricks to create a section that will scroll horizontally across a number of full width…Read more →Categories: Bricks, ProTags: Animations, GSAP, Horizontal Scroll, ScrollTrigger