Tips

Disable Breakdance Translations and Keep the Builder in English

supamike October 28, 2026 No Comments

Starting with Breakdance V3, the user interface and settings can be translated. Two translations are currently available: French and Brazilian Portuguese. This means that if your WordPress site is set…

Complete Prefers-Reduced-Motion Support for Breakdance

supamike April 29, 2026 No Comments

The prefers-reduced-motion feature is a user preference setting that indicates when someone has requested to minimize non-essential movement and animations on their device. Implementing `prefers-reduced-motion` is better for accessibility because…

Add prefers-reduced-motion Support to the FAQ Element

supamike April 28, 2026 No Comments

Supporting `prefers-reduced-motion` is important because motion-triggered effects like smooth expand/collapse animations can cause dizziness, nausea, and disorientation for people with vestibular disorders, migraines, or motion sensitivity. By respecting this preference…

How to add separators between menu items

supamike April 19, 2026 No Comments

Select your Menu Builder element and add one of the separator styles in Advanced / Custom CSS. It will apply only on desktop view and won’t affect the mobile menu,…

Semantic Image Captions in Breakdance: Proper Use of Figure & Figcaption

supamike February 8, 2026 No Comments

Supamike working on WordPress There is a proper way to add a caption to an image in HTML.While we could wrap everything in a <div>, there’s a more semantic approach…

How to add backdrop filter effects to the Menu Builder

supamike February 3, 2026 No Comments

Home The Best for WP Breakdance #1 WP Page Builder AnalyticsWP #1 WP Analytics Plugin Motion.Page #1 WP Animation Plugin The Cypher #1 BD Community WPCodeBox #1 WP Code Snippets…

How to Make Your Slider Autoplay When in View

supamike February 2, 2026 No Comments

The following code will make your slider autoplay only when it comes into view.You can control when the animation triggers by changing the threshold value. Instructions are simple: paste this…

How to insert a shortcode from an ACF field

supamike December 19, 2025 No Comments

For some reason, the shortcode element doesn't include the dynamic data option, so a shortcode can't be inserted directly via a custom field.With one extra step, we can still make…

Global Lightbox Styling

supamike October 8, 2025 No Comments

The gallery lightbox comes with just a few simple style options, and these adjustments only affect the individual lightbox element. There’s no overall setting to standardize the appearance across all…

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 ,…

Category: Tips