Tips

TranslatePress condition for Breakdance

supamike July 6, 2025 No Comments

This code snippet adds a new condition in Breakdance, allowing you to select any language you've previously added through TranslatePress. While this code was AI-generated, it has been thoroughly tested…

How to adjust video aspect ratios for different breakpoints

supamike June 5, 2025 No Comments

While the video aspect ratio can't be adjusted directly for different breakpoints, here's a straightforward workaround: First, select your video element and choose your target breakpoint. Then apply this custom…

How to reduce Dual Heading Annotation spacing

supamike May 10, 2025 No Comments

The default underline annotation The Dual Heading element's annotation feature currently has limited positioning controls, particularly for adjusting the space between text and underline. To customize this spacing, you can…

How to add the download attribute to a link or button

supamike April 9, 2025 No Comments

The download attribute in HTML is used with anchor (<a>) elements to indicate that the target of the link should be downloaded rather than navigated to. When a user clicks…

Tracking user interactions with AnalyticsWP

supamike March 15, 2025 No Comments

AnalyticsWP (aff link) is a lightweight, privacy-focused WordPress plugin that helps website owners track visitor behavior and understand user journeys, without slowing down the website or sharing data externally. Form…

How to use a color from an ACF Color Picker field

supamike February 18, 2025 No Comments

Special thanks to Renato Ćorluka, the genius creator of Headspin UI for Breakdance for this incredible tip ❤️ The easiest way to get a color from an ACF Color Field,…

How to use AI to help you create your own Custom Query

supamike January 29, 2025 No Comments

When the Query Builder is not sufficient, we can add our own code by using the Text or Array method. I see little reason to use the Text method, as…

The new Image element: simplified code and added features

supamike November 4, 2024 No Comments

Starting from version 2.1, the image element has been completely revamped. The front-end has been enhanced for efficiency, and new controls have been added. Important note: Technically, the new Image…

How to modify the sliders to add the missing features

supamike September 23, 2024 No Comments

For those familiar with Swiper.js, you can further customize your sliders by injecting custom code. Here are a few examples below that you can use as inspiration. To implement these…

How to enable the new layout feature on Breakdance V2

supamike August 10, 2024 No Comments

When upgrading from Breakdance v1 to v2, the new layout feature for Sections or Divs won't be visible and you might still see the old layout. That's normal, if options…

Breakdance AI : how to use other OpenAI models

supamike August 3, 2024 No Comments

Breakdance AI lets us choose between these 3 models: GPT-3.5 Turbo (gpt-3.5-turbo) GPT-4 Turbo (gpt-4-turbo-preview) GPT-4o If you want to use another model from OpenAI, like for example gpt-4o-mini ,…

How to center a button

supamike July 7, 2024 No Comments

A modern way to center a specific element within a flex or grid container. align-self in CSS allows you to adjust the alignment of a specific element within a flex…

How to prevent the dropdown from closing when using a form in the Menu Builder

supamike January 30, 2024 No Comments

Pressing the space key in a form located inside a dropdown created using the Menu Builder, will always close the dropdown, preventing proper usage of the form. To fix that…

How to hide the header and footer on certain pages

supamike January 21, 2024 No Comments

No need to use a condition!Simply edit the page and change the Default template to: [Breakdance] No Header / Footer template

How to use GSAP with Breakdance

supamike June 21, 2023 No Comments

Good news, Breakdance already uses GSAP!!!But it only loads the GSAP files when they are needed. This is great for performance, obviously, but it also means that we need to…

How to load GSAP locally

supamike May 31, 2023 No Comments

Starting with v1.3, the GSAP files are loaded through a CDN instead of being loaded locally, as was the case in previous versions. What is GSAP ? GSAP (GreenSock Animation…

How to keep the Footer always at the bottom

supamike March 16, 2023 No Comments

This CSS code will ensure that your footer stays at the bottom of the page, regardless of the size of the content.Which is different than a Sticky footer. Sticky means…

Scroll Progress element – Tips & Tricks

supamike February 27, 2023 No Comments

Here are a few tips to help you customise the Scroll Progress element a little bit more. Custom TransitionBy default, the Scroll Progress transition animation is set to 0.3s with…

Prevent scripts to run in the Breakdance editor

supamike November 28, 2022 No Comments

Opening Breakdance is like opening the website in the frontend!Which means that all third-party scripts will also run inside Breakdance.Why it can be an issue?Let's say that we need to…

How to find the list of all the available keyboard shortcuts

supamike September 22, 2022 No Comments

When using Breakdance, you can press CMD + ? (on Mac) or CTRL + ? (on Windows) and this popup will show up:

Category: Tips