How can I get rid of the onboarding overlay button that's appearing on each new tab in Firefox 57.0?
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)
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
- Paste the CSS rule(s) above into the userContent.css file and save your changes.
- Reopen Firefox.
Modified