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 630 Bricks code tutorials with BricksLabs Pro
Pro Filtering Masonry-layout Posts by Categories in Bricks using IsotopeStep by step on how to use Isotope in Bricks for filtering posts by categories.Read more →Categories: Bricks, ProTags: Isotope, Masonry
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
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
Plain HTML pages in BricksHow to output only raw HTML on the page with no other WordPress/Bricks (or any other active child/parent theme)/plugins baggage.Read more →Categories: Bricks, FreeTags: WordPress Page Template
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 Centered Image Logo in BricksUpdated on 8 Mar 2023 This Pro tutorial provides the steps to add a logo image as the center menu item that shrinks when the…Read more →Categories: Bricks, ProTags: Header, Sticky Header
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 Horizontal Scrolling Sections in Bricks Using GSAP’s ScrollTriggerIn this Pro tutorial we'll use GSAP's ScrollTrigger library in Bricks to create a section that will scroll horizontally across a number of full width…Read more →Categories: Bricks, ProTags: Animations, GSAP, Horizontal Scroll, ScrollTrigger
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