Widget Element

Legacy Doc

Last Update: August 30, 2025

The Avada Widget Element offers you the ability to add a single widget area directly to your WordPress page or post content, and edit it live.

Watch the video below for a visual overview of the Element, view the Avada Widget Element page for live examples, and read on to see the complete list of options.

For privacy reasons YouTube needs your permission to be loaded.

How To Use The Widget Element

The General Tab is where you choose the type of widget you want to add. Select your widget from the drop-down box. The widgets you see here will depend on what plugins you have installed and are active. When you choose an Avada Element, any customizable fields for that widget will appear.

Customize the widget as desired. You can also set Element Visibility in this tab, or add a CSS Class or CSS ID to the instance of the element for further customization with Custom CSS. The next step is to customize the design of the Widget. On the Design Tab, you will find a variety of styling options, including background color, radius, border, and alignment options. Read below for a description of all Element options.

Element Options

Note: The displayed option screens below show ALL the available options for the element. If you have Avada’s Option Network Dependencies turned on, you will only see options relevant to your selections, and so the options screen may look somewhat different.

HeadingDescription
WidgetChoose widget type.
MarginEnter values including any valid CSS unit, ex: 4%.
Element VisibilityChoose to show or hide the element on small, medium or large screens. You can choose more than one at a time.
CSS ClassAdd a class to the wrapping HTML element.
CSS IDAdd an ID to the wrapping HTML element.

In this article