> ## Documentation Index
> Fetch the complete documentation index at: https://docs.mainwp.com/llms.txt
> Use this file to discover all available pages before exploring further.

# How to disable tooltips in MainWP Dashboard

> Disable the hover tooltips on input fields and toggles in MainWP Dashboard using a CSS snippet in the Custom Dashboard extension.

MainWP displays tooltips when you hover over input fields and settings toggles. These explain what each option does. If you find them distracting, you can disable them with CSS.

## What You'll Learn

* What tooltips look like
* How to disable them

## Prerequisites

* [Custom Dashboard extension](/add-ons/development/mainwp-custom-dashboard-extension) (free)

***

## About Tooltips

Tooltips are small popups that appear when you hover over certain elements in the Dashboard.

<img src="https://mintcdn.com/mainwp/4hVi87YDiCv3ZeGl/images/developers/disable-tooltips-result.gif?s=a357ccdd916b148c113fbe1af197d857" alt="Animation showing tooltips appearing on hover over input fields" width="980" height="383" data-path="images/developers/disable-tooltips-result.gif" />

***

## Disable Tooltips

<Steps>
  <Step title="Open Custom Dashboard">
    Navigate to the [Custom Dashboard extension](/add-ons/development/mainwp-custom-dashboard-extension) settings.
  </Step>

  <Step title="Add CSS snippet">
    Go to the **CSS** tab and add this code:

    ```css theme={null}
    .mainwp-ui [data-tooltip]:before,
    .mainwp-ui [data-tooltip]:after {
      display: none !important;
    }
    ```

    <img src="https://mintcdn.com/mainwp/4hVi87YDiCv3ZeGl/images/developers/disable-tooltips-snippet.png?fit=max&auto=format&n=4hVi87YDiCv3ZeGl&q=85&s=15d881c07ad686bbf83d97e2b07c5446" alt="Custom Dashboard extension CSS tab with code snippet" width="1266" height="1062" data-path="images/developers/disable-tooltips-snippet.png" />
  </Step>

  <Step title="Save changes">
    Click **Save Changes**. Tooltips no longer appear on hover.
  </Step>
</Steps>

***

## Restore Tooltips

To show tooltips again:

1. Return to the Custom Dashboard extension
2. Remove the CSS snippet from the **CSS** tab
3. Click **Save Changes**

***

## Self-Check Checklist

* [ ] Custom Dashboard extension installed
* [ ] CSS snippet added to CSS tab
* [ ] Changes saved
* [ ] Tooltips no longer appear on hover

***

## Related Resources

* [Turn Off Guided Tours](/customization/how-to-turn-off-guided-tours) - Disable feature tours
* [Hide New/Beta Labels](/customization/hiding-new-and-beta-labels-on-the-dashboard) - Remove interface labels
* [Custom Dashboard Extension](/add-ons/development/mainwp-custom-dashboard-extension) - Extension documentation