Stack Overflow: focus mode toggle
In one run turns a focus mode on or off that hides the bars and centers just the question content.
Code to copy
/* Toggle a distraction-free focus mode on the current page */
(function () {
var ID = 'sof-focus-style';
var existing = document.getElementById(ID);
if (existing) { existing.remove(); return; }
var css = '#sidebar,#left-sidebar,.s-topbar,#footer,#hot-network-questions,' +
'.js-post-notice,.js-dismissable-hero{display:none !important;}' +
'#mainbar{width:100% !important;max-width:880px !important;margin:0 auto !important;}' +
'body{background:#fff !important;}';
var style = document.createElement('style');
style.id = ID;
style.textContent = css;
document.head.appendChild(style);
})();How to use this example
- Copy the code with the button above.
- Install JustZix (2 minutes) and open the extension on the target page.
- Add a new rule matching that page.
- Enable the action panel, add a button in the Actions tab and paste the code into it — run it with one click.
Rate this example
No ratings yet — be the first.