Skip to main content
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

​
About Tooltips

Tooltips are small popups that appear when you hover over certain elements in the Dashboard. Animation showing tooltips appearing on hover over input fields

​
Disable Tooltips

1

Open Custom Dashboard

Navigate to the Custom Dashboard extension settings.
2

Add CSS snippet

Go to the CSS tab and add this code:
.mainwp-ui [data-tooltip]:before,
.mainwp-ui [data-tooltip]:after {
  display: none !important;
}
Custom Dashboard extension CSS tab with code snippet
3

Save changes

Click Save Changes. Tooltips no longer appear on hover.

​
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