PowerPack Off-Canvas Content provides an option to use HTML ID & Classes as triggers which can be used to trigger Off-Canvas Content using any element on the site. Let us see how this feature can be used to trigger Off-Canvas Content using multiple elements.
Step 1: Add Custom Class to Off-Canvas Content#
a. Add Off-Canvas Content Widget to the editor and select Toggle > Toggle Source > Element Class
b. Now add a custom class to it.
![](https://powerpackelements.com/wp-content/uploads/2020/02/Annotation-2020-02-06-112310.png)
c. Copy this class as we'll use it to trigger Off-Canvas Content.
Step 2: Add CSS Class to the Widget#
For example: Triggering Off-Canvas Content using Button#
1. Add Off-Canvas Content's CSS class to Button > Advanced > CSS Classes
![](https://powerpackelements.com/wp-content/uploads/2020/03/Screenshot-2020-03-13-at-16.39.27.png)
2. Publish the page and click on the link to trigger the Off-Canvas Content