31st Mar '23/0 commentsNew Ribbon for Posts in BricksSridhar Katakam This Pro tutorial provides the steps to display a "New" ribbon for posts that were published in the last x days in Bricks. Update: Added instruction on showing the ribbon for posts that were modified after they were published. Step 1 Edit your Page/template with Bricks and set up a query loop. If you'd like to copy-paste a fully built one, head on to BricksSections. Step 2 Add a Code element alongside other post elements. Paste the following: This is a BricksLabs Pro tutorial. For full access login below or create your BricksLabs Pro account Username Password Remember Me Forgot Password Tagged: BricksProRibbonSridhar 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 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 “Pro” Category Ribbon for Posts in BricksThis Pro tutorial provides the steps to show a "Pro" ribbon for posts that are categorized under the "Pro" category when using Bricks builder. Step…Read more →Categories: Bricks, ProTags: Dynamic Data
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
Pro Sticky Scrolling in Bricks BuilderUpdated on 22 Apr 2024 This Pro tutorial provides the steps to fix elements in the viewport i.e., make them sticky while adjacent content in the section…Read more →Categories: Bricks, ProTags: CSS
Pro Meta Box/ACF Images Staggered Grid Gallery in BricksShowing images from two Gallery-type of ACF or Image Advanced-type of Meta Box fields in a staggered grid layout.Read more →Categories: Bricks, Plugins, ProTags: ACF, Image Gallery, Meta Box
Pro Another Fixed Sidebar Layout in BricksHow to get the main content and sidebar sandwiched between the site header and footer.Read more →Categories: Bricks, ProTags: CSS Grid, Fixed Sidebar, Layouts
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
Pro Custom WordPress Dashboard Page in BricksUpdated on 10 Jul 2024 This Pro tutorial provides the steps to replace all the meta boxes of the WordPress admin dashboard page with the…Read more →Categories: Bricks, ProTags: Dashboard
Pro Weekday Column Posts Bricks Query LoopThe steps to arrange the posts output by a Bricks query loop(s) in weekday columns based on a weekday custom field.Read more →Categories: Bricks, ProTags: CSS Grid, Data Attributes, Nested Queries, Query Loop