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 626 Bricks code tutorials with BricksLabs Pro
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
How to add SVG icon as list item bulletsAdd this sample CSS: Replace brxe-list with the class of your ul element. Here's how you can generate the value of background-image property: Copy your…Read more →Categories: FreeTags: CSS
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 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 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
Pro How to Hide the Header Initially and Show It After Scrolling Down in BricksHiding the header when the scroll position is at the top and reveal it after the user scrolls down.Read more →Categories: Bricks, ProTags: Header
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 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 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