# Appearance

![](https://4159443657-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lb8fteihZN5J-edUC8e%2F-LbOIvi9TeucRG1uzkai%2F-LbOJ62hFEmQ0RGTkAtD%2Fimage.png?alt=media\&token=b3a0c545-fadb-401d-8dc4-8162b3fb4d30)

It allows you to set title, subtitle and footnote.

![General](https://4159443657-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lb8fteihZN5J-edUC8e%2F-LbOIvi9TeucRG1uzkai%2F-LbOJ7kkMAX_9A2abqML%2Fimage.png?alt=media\&token=5de0ec39-0289-4462-b0d7-c25cf0f08382)

“Alternate states” subsection can be used to apply an alternate state for an object. See Qlik Sense documentation for more details.

![Alternative states](https://4159443657-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lb8fteihZN5J-edUC8e%2F-LbOIvi9TeucRG1uzkai%2F-LbOJC3tRnn45-QMDaXU%2Fimage.png?alt=media\&token=3656e408-8192-4c16-8d43-ab4993e87b97)

“Settings” subsection allows you to disable and hide “Export”, “Export data”, “View data” context menu options. 

<figure><img src="https://4159443657-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Lb8fteihZN5J-edUC8e%2Fuploads%2FqvyuoIN64ssl8WTQVg7b%2FAppearSettings.png?alt=media&#x26;token=97a5ad93-2aec-4970-a00a-f40675fb6973" alt=""><figcaption><p>Custom settings</p></figcaption></figure>

![Visualization context menu](https://4159443657-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lb8fteihZN5J-edUC8e%2F-LbOIvi9TeucRG1uzkai%2F-LbOKwh3YbsOX_Bou0c9%2Fimage.png?alt=media\&token=aa0ea317-3f7e-4d14-be13-243d66090b28)

It also allows you to replace url in a browser adding a hashtag link of the active visualization using History API. Such option can be activated by setting "Replace "URL".

![Replace "URL"](https://4159443657-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lb8fteihZN5J-edUC8e%2F-LbOIvi9TeucRG1uzkai%2F-LbOMdxyalYw-SZJ2JpR%2Fimage.png?alt=media\&token=e9d43c64-d2f7-457e-969e-08aedef3118f)

With custom themes developers can style Power KPI visualizations by applying custom classes using the "**CSS classes**" parameter.

<figure><img src="https://4159443657-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Lb8fteihZN5J-edUC8e%2Fuploads%2FaawTybF4InNuczelIOZM%2FCssClasses.png?alt=media&#x26;token=d31aac52-0a78-4c75-89b3-676103b676b4" alt=""><figcaption></figcaption></figure>

For example, by defining the following classes inside a custom theme, you can achieve the following effects:

```css
.qv-object-powerkpi .powerkpi-theme {
  background: linear-gradient(#f2f2f2, white) !important;
  border: solid 1px #f2f2f2;
  border-radius: 5px;
}

.qv-object-powerkpi .powerkpi-theme:hover  {
  background: linear-gradient(#CFF0F8, white) !important;
  border: solid 1px #3b93bd;
}
```

<figure><img src="https://4159443657-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Lb8fteihZN5J-edUC8e%2Fuploads%2FChNiB6XRfR4Q4yzrrugk%2FCssClasses.gif?alt=media&#x26;token=383dc387-2fa9-4ba7-ba93-956416e493e2" alt=""><figcaption></figcaption></figure>