How to Change Bricks Preloader Background ColorWorking on a dark-themed site like our friend Storm and getting blinded by the light background of Bricks' preloader screen…Read more →Categories: Bricks, FreeTags: CSS, Editor Tweaks
Pro Accordion Grid Query Loop in BricksThis Pro tutorial provides the steps to set up a query loop on a nestable accordion element in Bricks such…Read more →Categories: Bricks, ProTags: Accordion, CSS, Query Loop
Pro Slow Zoom Effect for Slides in BricksThis Pro tutorial provides the steps to set up a slow zoom effect for slides of nestable slider element in…Read more →Categories: Bricks, ProTags: CSS
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…Read more →Categories: Free, GeneralTags: CSS
How to Create a Right Overflow Effect on Sliders in BricksIn this tutorial, we'll learn how to recreate a nice overflow effect on the right of our sliders in Bricks.…Read more →Categories: Bricks, FreeTags: CSS, Nested Slider, Slider
Floats in Bricks for Wrapping Text Around ImagesIn the Bricks Facebook group a user asks: Float, left or right? Just a quick question. Am I going crazy…Read more →Categories: Bricks, Free, WordPressTags: CSS
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…Read more →Categories: Bricks, FreeTags: CSS, Mobile Menu
A CSS approach to content switcher in BricksIn this tutorial, we'll build a 100% CSS solution for content toggles in Bricks. Introduction If you are looking for…Read more →Categories: Bricks, Free, GeneralTags: CSS
Add masonry style to the Remote Template listThis article will show you how to transform the remote templates list of Bricks in a masonry style without cropping…Read more →Categories: Bricks, Free, GeneralTags: CSS
How to create a dynamic infinite logo slider with ACF and BricksThis tutorial provides the builder settings, PHP & CSS codes that can be pasted in order to create an infinite…Read more →Categories: Bricks, Free, GeneralTags: ACF, CSS, CSS Grid, Custom Post, Query Loop
How to display a Query Loop in 3 columns in BricksThis tutorial provides the builder settings and CSS codes that can be pasted in order to create a 3-columns query…Read more →Categories: Bricks, FreeTags: CSS, CSS Grid, Flexbox, Query Loop
Auto Responsive Grids in BricksThis tutorial provides the CSS that can be pasted for automatic responsive grids in Bricks Builder. Posts element Each post…Read more →Categories: Bricks, FreeTags: CSS, CSS Grid, Posts element, Query Loop
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…Read more →Categories: Free, GeneralTags: CSS
Pro Sticky Scrolling in Bricks BuilderThis 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
How to Add a Dot Separator Between Nav Menu Items in BricksLooking to add a circular dot separator between the nav menu items in your Bricks site? Add the following at…Read more →Categories: Bricks, FreeTags: CSS, Nav Menu
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…Read more →Categories: Bricks, ProTags: CSS, CSS Grid, Posts
Pro Custom Posts Grid Layout in Bricks using CSS GridThere are at least three ways in which we can build custom loops in Bricks. Posts elementTurning on Query Loop…Read more →Categories: Bricks, ProTags: CSS, CSS Grid, Posts
Using Automatic.css in BricksUpdate on 18 Aug 2022: The info below is not up to date. Follow documentation/videos provided by Automatic.css. Automatic.css is…Read more →Categories: Bricks, Free, PluginsTags: Automatic.css, CSS