By Stephen Walker

As a fan of Gutenberg and the block editor, I am always looking for ways to use it in lieu of the legacy page builder and even the Avada builder. For posts and KB articles, I only use Gutenberg and then use Avada to build the layout templates. This is similar to how many modern builders work — Oxygen, Bricks, etc.

Fusion element within a classic block

As I start to put articles into the KB, I realized there will be times when I don’t want to build an entire page just to demonstrate some technique. But how to demo the results? For simple things using the classic block with the Avada elements is the solution, but what about complex items — multiple elements, nested columns, etc? Enter global library elements and the shortcode block. As an example, I put together a CSS tip for creating a food menu. Since I wanted to show more than one element, I created a global column with nested columns, titles, and text, and then added the shortcode to the post.

Shortcode block with fusion shortcode

Originally published on October 29, 2022

Most Advanced WordPress Form Builder

share the article

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.

RELATED ARTICLES

  • Customizing Toggle (Accordion) Headings

    In a recent project and for this site's new menu, I needed to change the default of the toggle heading and place the icon on the right side but not pushed the full width of the toggle panel. Fortunately, this is easy to do with a couple of lines of CSS.

  • Remove dots under a required form label

    Ever been working on an Avada form, set the field to required, and then you start seeing spots? No, you're not seeing things.

  • Remove RankMath Annoyance

    If you are a user of RankMath, I suspect you have encountered the annoying notification when you delete an item that is prompting you to set a redirect after you have deleted content. In and of itself, it is actually quite useful, but it doesn’t go away if you close […]

  • Buttons, buttons, and more buttons

    One of the best things about Avada is the flexibility to create custom variations of elements and save them to the library for later use.

  • List of Links

    I am working on a new project and recently discovered some great CSS features --- text-underline-position and text-decoration-thickness.

  • Border between columns

    Since Avada currently does not have border settings for small and medium screens, this was our workaround