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 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
How to create filters with IsotopeJS in Bricks (Part 1)This tutorial series will explore the IsotopeJS library's features inside the Bricks ecosystem.Read more →Categories: Bricks, FreeTags: Filters, Isotope
How to apply a custom query var to multiple query loops in BricksIn this tutorial, we'll learn how to apply a PHP filter to modify the query var of multiple query loops in a single function Introduction…Read more →Categories: Bricks, FreeTags: Dynamic Data, Query Loop
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 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
Pro Fixed Sidebar Layout in BricksA user asked: This Pro tutorial provides the steps to set up a fixed left (or can be on the right) sidebar using hooks and…Read more →Categories: Bricks, ProTags: Fixed Sidebar, Hooks, Layout
Pro Stacking Post Cards in BricksHow we can stack posts in a query loop so they stick on top of the previous one when scrolling.Read more →Categories: Bricks, ProTags: Sticky
Pro Meta Box Relationship in BricksUpdated on 19 Mar 2024 In BricksLabs' Facebook group a user asks: I have a Product (Metabox CPT) that is connected to a Creator (Metabox…Read more →Categories: Bricks, Plugins, ProTags: Conditions, Dynamic Data, Meta Box, Relationship
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