June 30, 2023

How to Use the Breakdance Rich Text Element

Play Video

The Breakdance Rich Text element is an element that allows you to add and style text in your projects. Elijah from Breakdance will explain to you how this element works, from adding it to your canvas to customizing its appearance and functionality.

Getting Started with the Breakdance Rich Text Element

  1. Adding the Rich Text Element
    To add the Rich Text element to your project, click on the “Add” button and type “Rich” in the search bar. You can then either click on the Rich Text element or drag it into your canvas.
    Adding the Rich Text Element
  2. Using the WYSIWYG Editor
    The Rich Text element comes with a built-in WYSIWYG (What You See Is What You Get) editor. This editor allows you to add styles to your text, such as bold, italic, strikethrough, and underline. You can also use it to insert links, add lists, and use headings.
    Using the WYSIWYG Editor
  3. Adding Custom HTML
    For more advanced customization, you can switch to the HTML tab in the editor and add your own HTML code.
    Adding Custom HTML

Customizing the Appearance of the Breakdance Rich Text Element

  1. Adjusting the Size
    You can change the size of the Rich Text element under the “Size” section in the “Design” tab.
    Adjusting the Size
  2. Changing Typography Settings
    The “Typography” section allows you to customize the appearance of your text. You can change the color, alignment, font family, font size, and weight of your text. You can also save your settings as a preset for future use.
    Changing Typography Settings
  3. Adding Text Effects
    The “Effects” section lets you add stroke, fill, and text shadows to your text.
    Adding Text Effects
  4. Styling Individual Elements
    You can style individual elements in your Rich Text element, such as headings, paragraphs, links, and lists, by expanding the panel for each option.
    Styling Individual Elements
  5. Adjusting Spacing
    The “Spacing” section allows you to adjust the spacing above and below the wrapper, as well as for heading elements, paragraphs, and lists.
    Adjusting Spacing

The Power of the Rich Text Element

The Rich Text element in Breakdance is more than just a tool for adding text to your projects. It’s a powerful feature that allows you to customize your content to fit your specific needs and style. Whether you’re creating a simple blog post or a complex website, the Rich Text element gives you the flexibility and control you need to make your content stand out.

Tips & Tricks

  1. Use the HTML Tab for Advanced Customization
    If you’re comfortable with HTML, don’t hesitate to use the HTML tab in the editor for more advanced customization.
  2. Save Your Settings as a Preset
    If you find yourself using the same settings over and over again, save them as a preset. This will save you time and ensure consistency across your projects.

Common Issues and Solutions

  • The Rich Text element is not appearing in the “Add” menu
    Make sure you’re typing “Rich” correctly in the search bar.
  • The changes made in the WYSIWYG editor are not being reflected in the Rich Text element
    Ensure that you’ve clicked “Apply” or “Save” after making your changes in the editor.
  • The custom HTML code is not working as expected
    Check your HTML code for any errors or typos. If the issue persists, try searching for a solution online or asking for help in the Breakdance community.

Required Resources

Breakdance Builder Logo
Free Options
Credit to Breakdance
The Breakdance YouTube channel serves as a practical resource for users of their WordPress website builder. It features in-depth tutorials, where they demonstrate the process of creating a website from the ground up. The channel emphasizes hands-on learning, making it an essential tool for both beginners and experienced users aiming to maximize the capabilities of the Breakdance platform.
How to Use the Breakdance Rich Text Element
Welcome back!
Enter your Helwp credentials to sign in.

No Account yet? Sign Up

My Account
Give Feedback
Describe your feedback *
Rate Helwp
Problem *
Describe the problem
Want us to reply?
Your E-Mail
Affiliate Disclosure

At Helwp, we’re committed to transparency and honesty. Therefore, we want to inform you that some of the links on our website are affiliate links. This means that, at no additional cost to you, we may earn a small commission if you click through and make a purchase.

We only promote products or services that we genuinely believe in. These affiliate commissions help us to maintain the website and continue to provide you with free, high-quality WordPress content.

If you are interested in how you can support us even further, check out our support page.