Custom Attributes (Pro)

With Elementor Pro, you can add custom attributes to the wrapper of every Section, Column or Widget. This enables the addition of data-* attributes, ARIA attributes (accessibility) and values, header, footer, sidebar, rel=*, and other attributes that can be found here: https://www.tutorialspoint.com/html5/html5_attributes.htm

Add Custom Attributes to Elements

  1. Right-click on the edit button of the element and click Edit section to open the section’s settings panel. Likewise, if editing a Widget, right-clicking will show the option to Edit Widget, and editing a Column will show Edit Column.
  2. Go to Advanced > Custom Attributes
  3. Add your code for the element to the editor, using the format key|value . For example, to add role="presentation" to the element's HTML, enter role|presentation here.

* Set custom attributes for the wrapper element, with each attribute in a separate line. Separate attribute key from the value using the | character.