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 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
Animated Border Hover Effect ButtonsHere's how can be implemented in HTML/WordPress/Bricks. Step 1 Add this CSS in your child theme's style.css or another appropriate location: Step 2 Add a…Read more →Categories: FreeTags: Animations, 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 Image Banner as Query Loop Posts Grid’s Last Item in BricksIn the comments section of How to Insert Element(s) Between Query Loop Posts in Bricks tutorial, a site member asked: This is fantastic! Is there…Read more →Categories: Bricks, ProTags: CSS Grid
Pro How to Combine Multiple Menus into Bricks’ Mobile MenuBricks' native 'Nav Menu' element comes with a built-in mobile menu, which shrinks the menu down to a menu toggle button to open an offcanvas…Read more →Categories: Bricks, ProTags: Mobile Menu, Nav Menu
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
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 Top Bar Above Sticky Header in BricksHow to set up a top bar above sticky header in Bricks Builder so only the header remains sticky when scrolling.Read more →Categories: Bricks, ProTags: Header
How to populate a map with dynamic markers from a CPT using ACF in Bricks (PART 4)This tutorial provides the PHP & JS codes that can be pasted in order to filter your markers on a map based on terms of…Read more →Categories: Bricks, Free, PluginsTags: ACF, Animations, Filters, Isotope, Leaflet, Query Loop