# 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.