This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

How can I get rid of the onboarding overlay button that's appearing on each new tab in Firefox 57.0?

  • 1 reply
  • 2 have this problem
  • 1 view
  • Last reply by Tonnes

more options

New with Firefox 57.0 - On each new tab, an on-boarding overlay button appears (top-left corner). Click on it, 'Skip the tour', and it's still there. New tab is configured as 'blank' page. Want to get rid of that thing. Scanned the config options, scanned the support answers, but can't find an appropriate answer.

Such an overlay is malware-like behavior. You shall avoid this impression and leave a blank page blank.

Thank you.

New with Firefox 57.0 - On each new tab, an on-boarding overlay button appears (top-left corner). Click on it, 'Skip the tour', and it's still there. New tab is configured as 'blank' page. Want to get rid of that thing. Scanned the config options, scanned the support answers, but can't find an appropriate answer. Such an overlay is malware-like behavior. You shall avoid this impression and leave a blank page blank. Thank you.

All Replies (1)

more options

The button is probably not that annoying for most users and may even disappear over time, but you can add the following code to a userContent.çss file, placed in a chrome folder in your Firefox Profile folder: @-moz-document url(about:newtab) { #onboarding-overlay-button { display:none !important; } } If you want the same thing to happen for new windows, use this section twice, replacing about:newtab with about:home for the second instance, i.e. @-moz-document url(about:newtab) { #onboarding-overlay-button { display:none !important; } }

@-moz-document url(about:home) { #onboarding-overlay-button { display:none !important; } } A general instruction for creating a userContent.css file:

Firefox's style or appearance can be modified by creating a custom style rule to override the default styles in Firefox.

Custom style rules might not work every time because of other factors (e.g. compatibility with other custom style rules) beyond the Mozilla community's control. Your custom style rule might also stop working each time a new Firefox release comes out.

Here's how to do it:

    • Open your currently active profile folder: Type in about:profiles in the address bar, then click Open Folder (Windows) or Show in Finder (Mac).
    • Create a new folder named chrome.
    • Create a desktop shortcut to the chrome folder for easier future access.
    • Make sure Windows is set to show you file extensions like .txt and .css
    • Create a new text file inside the chrome folder named userContent.css
  1. Paste the CSS rule(s) above into the userContent.css file and save your changes.
  2. Reopen Firefox.

Modified by Tonnes