2. The <othermeta> tag requires a name and content attribute. The value of the name attribute will be “TOCEntryClass”. The value of the content attribute can be whatever value you would like to use. The value of the content attribute will become the name off the CSS class that you will customize in an override of the *.scss files.

3. Save your DITA document.

4. Scan the document in ePublisher Designer.

5. Open the Style Designer.

6. Open Marker Styles.

7. Locate the Marker Type Option from the Options tab and set its value to TOC Entry Class.

8. In this example, the assigned class for the Menu TOC entry will be the value of the marker: folder_icon.

9. Add the following to a target override of _icons.scss. Notice how the CSS class is the name of the value given in the Marker Text Window. In this example we change the icon color and the icon of the TOC entry. You are able to make other customizations such as adding a border, or changing the background color.

			.folder_icon {
			  > div > span > i {
    color: black;
    &:before {
				      content: $folder_icon;
			    }
  }
						}