7

Screenshot / Code Snippet

About

Personalize your Stack Exchange experience. Inspired from this question.

It provides you the ability to toggle the visibility of certain elements on the page, including:

  • The "Find a Job" category on the left sidebar.

  • The Teams advertisement on the left sidebar.

  • The Overflow Blog + Featured on Meta + Hot Meta Posts side widget.

  • The Linked Posts sidewidget.

  • The Related Posts sidewidget.

  • The Hot Network Questions.

Settings modal can be toggled with the Ctrl + Q shortcut.

All settings are set to "Show" by default.

License

MIT License

Download

Github:.

Un-minified: https://github.com/SpectricSO/stack-scripts/raw/main/scripts/focus-mode/v2.3/script.user.js

Minified: https://github.com/SpectricSO/stack-scripts/raw/main/scripts/focus-mode/v2.3/script.min.user.js

Platform

Browser Support

IE Chrome Firefox Safari Edge Opera
~ 10-11 ~ 4-20, ✔️ 21+ ~ 2-27, ✔️ 28+ ~3.1-6, ✔️ 6.1 + ✔️ 12+ ✔️ 12.1+

Support not guaranteed. This graph should only give you an idea. Please consider editing to ensure this table is up to date

~ = partial

Change Log

v2.3

Added support for all Stack Exchange sites

v2.2

Added a Roboto font for browsers which did not have Roboto font automatically installed.

v2.1

Fixed a reported bug reported by Kevin M. Mansour probably attributed to low height incompatibilities.

Code

Written fully with JavaScript. Uses HTML5 Web Storage API to preserve preferences.

4
  • Where can I find settings page :) May 6 at 13:46
  • 2
    @KevinM.Mansour Use the keyboard shortcut Ctrl + Q
    – Spectric
    May 6 at 13:47
  • Hi Spetric, thank you for your good work, can I have the guide to use this one, I do not know where to start. Thanks.
    – Louise
    Aug 11 at 23:24
  • Thank you, I am in
    – Louise
    Aug 11 at 23:38

You must log in to answer this question.

Browse other questions tagged .