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 How to Insert Element(s) Between Query Loop Posts in BricksUpdate on 16 Aug 2023: Follow this tutorial instead. This Pro tutorial shows how we can insert a Div (or any custom HTML) after nth…Read more →Categories: Bricks, ProTags: Conditions, Dynamic Data, Query Loop
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 Mmenu Light in BricksHere's the steps to implement Mmenu Light for a sliding OffCanvas mobile menu in Bricks.Read more →Categories: Bricks, ProTags: Mmenu, Offcanvas
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
Width and Height of Mobile Hamburger Toggle in BricksLooking to change the size of Bricks hamburger toggle in the mobile menu? The default width value of 20px can be changed by selecting the…Read more →Categories: Bricks, FreeTags: CSS, Mobile Menu
Dynamic Data :value filter in BricksBricks 1.5.7 introduced a new :value dynamic data filter. This tutorial provides a practical example of how this filter can be used. Meta Box Checkbox…Read more →Categories: Bricks, FreeTags: Dynamic Data
Pro Inserting Random Ad Between Posts in BricksHow to insert random ads (post type) in between regular posts on the blog page.Read more →Categories: Bricks, ProTags: bricks/query/result
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
Dynamic Post ID in Query LoopHow to add unique IDs for each post in Bricks’ Query Loop.Read more →Categories: Bricks, FreeTags: Dynamic Data