I apologize for the confusion. Webflow has gone through several updates and changes since 2014, and the interface has evolved over time. Editing specific classes in Webflow is still possible, but the location of the option box has changed.
To edit a specific class in Webflow, you can follow these steps:
1. Select the element on your canvas that has the class you want to edit. You can do this by clicking on the element directly on the canvas or by selecting it from the Navigator panel on the left-hand side.
2. With the element selected, go to the Styles panel on the right-hand side of the Webflow Designer interface.
3. In the Styles panel, you will see the class(es) applied to the selected element. To edit a specific class, you need to click on the class name. It should be a link-like format, for example, "Class name", with an underline.
4. Once you click on the class name, a few editing options will appear. You will see a pencil icon, a folder icon, and a dropdown arrow. The pencil icon represents the option to rename the class, the folder icon allows you to duplicate the class, and the dropdown arrow contains additional options for managing the class.
5. Click on the dropdown arrow, and a list of available options will be displayed. This includes the ability to edit the class, remove it, copy the styles, view the styles, or even detach the element from the class.
6. To edit the class, simply click on the "Edit class" option in the dropdown. This will take you to the Class Editor, where you can make changes to the class's properties and styles.
I understand that the screenshots provided in your question are missing, but these steps should guide you to edit a specific class within Webflow. The key is to select the element with the class applied and look for the class name in the Styles panel on the right-hand side. From there, you can access the options to edit the class.
Please let me know if you have any further questions or need additional assistance!