# Appearance Settings

You can modify how Comment Edit Pro looks on the frontend through the appearance settings.

<figure><img src="https://3862281288-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwIGhykuGfv38YJ8fAMWe%2Fuploads%2FkSxUsGogJJU2RtBGjgxG%2Fdlxplugins-1677188295261-1x.webp?alt=media&#x26;token=547d422e-e2b3-42df-98f3-cccd039f958a" alt=""><figcaption><p>Appearance Settings</p></figcaption></figure>

Within the Appearance tab, you can:

* Show or hide the timer
* Set the timer to Words or Compact
* Change the button theme
* Change the loading image

## Showing or Hiding the Timer

<figure><img src="https://3862281288-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwIGhykuGfv38YJ8fAMWe%2Fuploads%2FF2V7jtdMiUZhelZ14FJH%2Fdlxplugins-1677188418823-1x.webp?alt=media&#x26;token=64eb56d1-10cc-40f1-bda8-f751741945b6" alt=""><figcaption><p>Show or Hide the Timer Option</p></figcaption></figure>

By default, the timer is shown. However, if you don't want to display a timer at all, you can uncheck this option.

<figure><img src="https://3862281288-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwIGhykuGfv38YJ8fAMWe%2Fuploads%2Fd8cOpH36WS7XE5ICh0cB%2Fdlxplugins-1677188608458-1x.webp?alt=media&#x26;token=242ea2cc-56d6-4435-ba44-eaed8fdd61e5" alt=""><figcaption><p>Edit Interface Without a Timer</p></figcaption></figure>

## Timer Appearance

<figure><img src="https://3862281288-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwIGhykuGfv38YJ8fAMWe%2Fuploads%2F86voM2YUUgbdhTdt3u0U%2Fdlxplugins-1677188746274-1x.webp?alt=media&#x26;token=00ba5e0b-3a66-441e-ac50-4e36c28d3105" alt=""><figcaption><p>Timer Appearance Options</p></figcaption></figure>

By default, the timer is shown as words.

<figure><img src="https://3862281288-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwIGhykuGfv38YJ8fAMWe%2Fuploads%2FEwI8aOXJubAyxlh2x1Aa%2Fdlxplugins-1677188624495-1x.webp?alt=media&#x26;token=f7b4eabd-017b-497c-a4e8-7fe59256a97b" alt=""><figcaption><p>Words-based Timer</p></figcaption></figure>

You can also choose compact to appear more like a countdown.

<figure><img src="https://3862281288-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwIGhykuGfv38YJ8fAMWe%2Fuploads%2FrvaCXNoGevEjUuERUdB1%2Fdlxplugins-1677188661474-1x.webp?alt=media&#x26;token=b02c404f-5ca7-480d-8e6c-a327cfe76dde" alt=""><figcaption><p>Edit Timer in Compact Form</p></figcaption></figure>

## Button Themes

<figure><img src="https://3862281288-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwIGhykuGfv38YJ8fAMWe%2Fuploads%2FzJVkFD37rInOanAcT53I%2Fdlxplugins-1677188854050-1x.webp?alt=media&#x26;token=64a92211-19b2-41e4-9f4c-88202645484b" alt=""><figcaption><p>Button Theme Options</p></figcaption></figure>

By default, there are no frontend styles applied to the editing buttons. You can change this by selecting a button theme.

<figure><img src="https://3862281288-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwIGhykuGfv38YJ8fAMWe%2Fuploads%2Fqp2Fn1Qb3ukV2ienHrp3%2Fdlxplugins-1677188874730-1x.webp?alt=media&#x26;token=0ca5e169-ba00-4e52-86d1-194f28ea9dc6" alt=""><figcaption><p>Three Button Themes are Available</p></figcaption></figure>

If you select any of the button themes, you'll be asked if you'd like to enable icons.

<figure><img src="https://3862281288-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwIGhykuGfv38YJ8fAMWe%2Fuploads%2FhJ3IXm0U95oN2yEI3pSp%2Fdlxplugins-1677189075805-1x.webp?alt=media&#x26;token=8ffb7e50-9251-4085-95a6-5c4fcb9c4d8d" alt=""><figcaption><p>Show Icons on Buttons Option</p></figcaption></figure>

Enabling icons is recommended to give your buttons a nice boost in appearance with contextual icons.

By default, the editing interface and buttons has no styles.

However, there are three themes you can take advantage of to spruce up the editing interface.

<div><figure><img src="https://3862281288-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwIGhykuGfv38YJ8fAMWe%2Fuploads%2FxxYLpeY36EYyyfWCOeWa%2Fdlxplugins-1677191871649-1x.webp?alt=media&#x26;token=7f334e0e-ce98-4a3a-9a78-f65b0cabab4d" alt=""><figcaption><p>Regular Button Theme</p></figcaption></figure> <figure><img src="https://3862281288-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwIGhykuGfv38YJ8fAMWe%2Fuploads%2FpLjoEw4Mw68NYaGotvsL%2Fdlxplugins-1677191889031-1x.webp?alt=media&#x26;token=664463ad-bcca-441e-97d7-8f31c4b109dc" alt=""><figcaption><p>Dark Button Theme</p></figcaption></figure> <figure><img src="https://3862281288-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwIGhykuGfv38YJ8fAMWe%2Fuploads%2FQfQNAmcyne8JlGsGmJ55%2Fdlxplugins-1677191880288-1x.webp?alt=media&#x26;token=b1e9a2e1-8d9a-4636-8404-bdccb6a42b12" alt=""><figcaption><p>Light Button Theme</p></figcaption></figure></div>

{% hint style="info" %}
**Turning on Icons:** If you choose a button theme, it is highly recommended to enable icons.
{% endhint %}
