There is no animation option when using WP Grid Builder (aff link) with a custom grid created with the Post List or Post Loop Builder elements.But it doesn't mean it's…
Shrinking the headerThat's the easiest part, as we don't need to add any custom CSS or magic trick. Breakdance, once again, made it really easy.Step 1Select your Header Builder element,…
With the PowerGlitch JS library, it's simple to incorporate a glitch effect into any breakdance element. The effect can be activated automatically, on hover or click. PowerGlitch A tiny library…
Ukiyo will add a nice parallax effect on our images, with just one line of Javascript. Here is how it works with these two images. The first one without any…
To display a random image, from a gallery, we are going to use the Gallery field type from ACF and some custom PHP code.Step 1With ACF, let's add a new…
Breakdance includes Font-Awesome v5 in his Icon Library. Which contains +1150 icons.Font-Awesome v6 has 340 new icons, so if you wish to install this new version, here is how to…
In the Slider settings, we can set an aspect ratio for the images.Unfortunately, there is no option to change it for different breakpoint.But the good thing is that the slider…
Here is a little trick to make your slider loop continuously.It will work with all elements that have a slider feature : Gallery, Basic Slider, Advanced Slider.... COPY SECTION Step…
This snippet will add a new Month condition, in the Date & Time section: add_action("breakdance_register_template_types_and_conditions", function () { \Breakdance\ConditionsAPI\register([ "supports" => ["element_display", "templating"], "slug" => "bd-month-condition", // MUST BE UNIQUE…
The original idea is from Alexander Buzmakov, with his version for Oxygen.Here is now a version for Breakdance. This snippet will add a new condition, called Locale: And then you…
Step 1 - adding the templateThere is a Search Results template that is already available, so you just have to pick up that one: Step 2 - Default query settingsDesign…
Starting v1.7.2, it is NOT possible to use that plugin anymore, because the custom field is now _breakdance_data !I highly recommend relevanssi instead, which works perfectly. All the content we…
Create a cool shape with your favorite vector tool, and save it in SVG format.Be sure to only use the black color (with or without transparency). If we use other…
As there is no option to change the aspect-ratio of the image element in Breakdance (at least for the moment), we have to do it manually, with some custom CSS.…
Lenis is a very light (~2Kb gzipped) and easy to use Smooth Scrolling Javascript library.Check this page to see Lenis in action : Smooth Scroll in Breakdance How to install…
Two methods :1 - Manually - with Breakdance (in 3 steps)2 - With the plugin Yabe Webfont (easier and faster but paid plugin) Manually3 steps : Download the fonts, install…
Some styling options are missing ? You want to add a background color but the element you use doesn't have this option. How about using the Selector feature?Here is an…
All the slider elements in Breakdance use the SwiperJS library, and the parallax option is enabled.What does it mean ?Here is a slider made with the Advanced Slider element :…
