By Stephen Walker

The Avada live editing toolbar gives you access to a lot of features but it turns out most experienced users often overlook a couple of key ones that make working in live view so much easier — preference and keyboard shortcuts. First here is an image hotspot explaining the basic functions.

screensht of the Avada toolbar in live editing mode

The Preferences Panel

One of the most overlooked areas on the toolbar is the preference panel which makes working in live mode easier and can be changed as the situation dictates. While all of the settings are important I have highlighted the ones that can really help you.

  • Sidebar Panel Position – Select the side which you want the sidebar panel to be displayed on.
  • Element Editing Mode – Choose if element editing should be in the sidebar or in dialogs.
  • Automatically Open Element Settings – Choose if the settings should be opened automatically after adding an element.
  • Enable Keyboard Shortcuts – Choose if keyboard shortcuts should be enabled or disabled.
  • Show Option Descriptions By Default – Choose if option descriptions should be shown or hidden by default.
  • Show Tooltips – Choose if tooltips should be enabled or disabled.
  • Enable Sticky Header and Containers – Choose if sticky header and sticky containers should be enabled or disabled.
  • Enable Transparent Header and Absolute Containers – Choose if transparent header and absolute containers should be enabled or disabled.
  • Enable Preview for Filter Options – Choose if element filter options preview should be enabled or disabled.
  • Show Droppable Areas While Dragging – Enable in order to see all dropppable areas while dragging element.
  • Sidebar Panel Overlay Mode – Choose if the sidebar panel should act as an overlay. If enabled, the sidebar will overlay the preview content.

Originally published on March 8, 2022

share the article

Leave a Reply

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


  • New Feature – Quick Tips

    I have struggled to find the time to write full tutorials or even longer posts, so I am adding a Quick Tips category. This is similar to the news shorts, but almost every article will include code or a quick tip (imagine that) about an Avada setting or quirk.

  • Left Bar Separator

    Just using some custom CSS to create a color bar before a heading.

  • RSS and Avada

    RSS is an excellent way to get content to readers that don't have time to visit a hundred sites a day.

  • Borders and Boxes Demo

    Tryin to explain the layout fundamentals of Avada. Simple and not unique, but not necessarily intuitive for newcomers.

  • Conditional rendering – Oh the power

    In version 7.3 the ThemeFusion team added conditional rendering to the Avada toolset, but what they didn't do is explain all of the possible use cases.

  • Avada for the win – again

    In my apparently relentless pursuit of finding an alternative for Avada, I once again made my way around the builderverse and once again I am back to Avada.