Demos and Challenges

How do I make columns the same height? Flexbox to the rescue – with the click of one option in either a column or container.

An example of using Motion.Page (GSAP) with Avada. Still a work in progress but functional on desktop.

An option to overcome the inability to easily add sticky columns.

Ran across a design element I thought might be useful someday so I created an Avada-based version.

How to add an image with a gradient overlay to a flip box.

Flexbox in Avada adds capabilities to easily implement designs that required a lot of custom css in the past

This originated from a question on the Facebook group. Since the video elements don’t have a lightbox feature, could on be created with a pulsing play button.

Using the image element and a nest column with a button to create a more controlled overlay.

This originated as a request of the Facebook Group to add a partial border. Can a border be added to a column that has dimensions smaller than the column?

Using a custom post type and posts cards to create a testimonial feature with more options than the default element.

This is a demo using a third-party plugin, wpDataTables, which recently added native element support for Avada.

This was a proof of concept to show that the content box element is really no longer required for any scenario except the timeline. There is no supporting text or code.

Applying a drop show do a section separator is a little difficult to do and requires some trial and error, but can produce some interesting results.