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 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
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
Pro Codrops Dynamic Shape Overlay in BricksThis Pro tutorial provides the steps to implement Codrops' SVG shape overlay in Bricks. We shall display a WordPress menu in the overlay after an…Read more →Categories: Bricks, ProTags: Menu Overlay
How to Push The Footer Down in BricksLooking to have the footer stay at the bottom of the browser window in your Bricks site? Simply add this CSS: There are several places…Read more →Categories: Bricks, FreeTags: Footer
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
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, FreeTags: Menu, Nav Menu
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
Pro Bricks Dynamic Data Tag for Text-type Custom Field Value with Word LimitHow to register a new dynamic tag for setting excerpt word limits and outputting an ellipsis (...) at the end.Read more →Categories: Bricks, Plugins, ProTags: ACF, Dynamic Data, Meta Box
Pro Ken Burns Background Slideshow in BricksSetting up a hero section, having images that pan and move as a background slideshow with content on top.Read more →Categories: Bricks, ProTags: Slideshow