> For the complete documentation index, see [llms.txt](https://developers.getgeoflow.com/geoflow-docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://developers.getgeoflow.com/geoflow-docs/feature/visibility/custom-classes.md).

# Custom Classes

### How Does It Work?

By default, Geoflow will apply one of two classes to an element based on its visibility status.

**Shown Elements**: gv-shown\
**Hidden Elements**: gv-hidden

You can override this default behaviour and set your own custom classes by applying one or both of the data attributes noted below in the table.

### How To Implement

<table><thead><tr><th>Attribute Name</th><th width="268.3333333333333">Attribute Value</th><th>Which Page Element?</th></tr></thead><tbody><tr><td>data-gv-class:show</td><td>your-custom-class</td><td>Any element with the <strong>Geo Visibility</strong> data attribute.</td></tr><tr><td>data-gv-class:hidden</td><td>your-custom-class</td><td>Any element with the <strong>Geo Visibility</strong> data attribute.</td></tr></tbody></table>

Any valid string of text, number(s) or special character(s) will be accepted as the value.