23rd May '22/0 comments“Pro” Category Ribbon for Posts in BricksSridhar Katakam This Pro tutorial provides the steps to show a "Pro" ribbon for posts that are categorized under the "Pro" category when using Bricks builder. Step 1 Add a Section having a Container. Add a Container element inside. Toggle "Use Query Loop" on. Click on the Query icon and configure your WP query. Add a Container inside the above Container and rename it to say, "Ribbon". Give it a class of ribbon. Add a Heading inside the Container. Rename it to say, "Ribbon Title". Give it a class of ribbon__title. Step 2 Add the following in your child theme's functions.php: This is a BricksLabs Pro tutorial. For full access login below or create your BricksLabs Pro account Username Password Remember Me Forgot Password Tagged: BricksDynamic DataProSridhar KatakamSridhar Katakam is a Bricks enthusiast. He likes helping others by researching and solving WordPress-related problems and building websites.Get access to all 630 Bricks code tutorials with BricksLabs Pro
Pro New Ribbon for Posts in BricksThis Pro tutorial provides the steps to display a "New" ribbon for posts that were published in the last x days in Bricks. Update: Added…Read more →Categories: Bricks, ProTags: Ribbon
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 Dropdown Menu in Bricks using InteractionsThis Pro tutorial provides the steps to toggle a WordPress menu when a div is clicked using the Interactions feature in Bricks. When clicked: Step…Read more →Categories: Bricks, ProTags: Interactions
WooCommerce Product Loop Template in BricksCreate a standard product loop template design in Bricks, and set it to override the default WooCommerce product loop.Read more →Categories: Bricks, Free, PluginsTags: Dynamic Data, Template Overriding, WooCommerce
Pro Top Bar Above Sticky Header in BricksHow to set up a top bar above sticky header in Bricks Builder so only the header remains sticky when scrolling.Read more →Categories: Bricks, ProTags: Header
Checking for ACF Repeater Rows in BricksUpdated on 13 Feb 2025 Bricks enables us to conditionally output elements if a ACF field of basic type like Text has value by selecting…Read more →Categories: Bricks, Free, PluginsTags: ACF, ACF Repeater, Conditions, Dynamic Data
Sticky Footer Reveal in BricksLooking for slideout/sticky reveal effect for your Bricks site’s footer?Read more →Categories: Bricks, FreeTags: CSS, Footer, Sticky
Pro Filtering Masonry-layout Posts by Categories in Bricks using IsotopeStep by step on how to use Isotope in Bricks for filtering posts by categories.Read more →Categories: Bricks, ProTags: Isotope, Masonry
Floating Element in BricksHow to create a floating element in Bricks that appears across the entire website.Read more →Categories: Bricks, FreeTags: Hooks