Changing the HTML ID and Class is very easy. You just need to select the widget for which you want to change the ID and Class. Here is how you can do it.
Login to Backend
Navigate to the Design ➤ Pages, you will land on the “Pages” page. Now open up the page for which you need to change the widget.
Click on the Edit icon of the widget.
Scroll down to the HTML Class and ID fields under the Menu Configurations. Now enter the HTML Class and ID to make changes.
After making the changes, click on the Save button to save the configuration.