Toggle CSS Class Action

Add or remove a CSS class when the action is triggered.

Useful for triggering custom styles, animations, or interactions defined in your theme or custom CSS.

Action Settings

Option

Default

Type

Description

Class Name

None

Text field

Enter the name of the CSS class to be added, removed, or toggled. This should match a class defined in your theme or custom CSS.

Action

None

Dropdown Selection

Applies changes to the class of an element dynamically.

Add Class attaches a specific class to the element..

Remove Class deletes a specified class from the element

Toggle Class adds the class if it is missing, or removes it if it is already present.

Applied To

Select the source element where the action will originate. This determines which block or element will perform the specified action when triggered.