8

How do you make the vertical scrollbars wider in Firefox?

Chris
  • 313

4 Answers4

2

There is a solution to your problem on Mozilla Zine: How to make the browser scroll bar wider.

Put this code in both userChrome.css and userContent.css:

/* Increase width of VERTICAL SCROLLBAR */
scrollbar[orient="vertical"], scrollbar[orient="vertical"] thumb, scrollbar[orient="vertical"] scrollbarbutton { min-width: 35px !important; -moz-appearance: none !important; }

/* Increase width of HORIZONTAL SCROLLBAR */
scrollbar[orient="horizontal"], scrollbar[orient="horizontal"] thumb, scrollbar[orient="horizontal"] scrollbarbutton { min-height: 35px !important; -moz-appearance: none !important; }
2

The method for changing scrollbar width has changed. In recent version of Firefox you have to go to about:config and set the following keys to the following values:

  • widget.non-native-theme.enabled to True
  • widget.non-native-theme.scrollbar.size.override to your desired width
  • widget.non-native-theme.scrollbar.style to 2-4

On my machine, .override set to 32 and .style set to 4 looks good enough.

2

It's no more possible with userChrome.css or userContent.css for new versions of firefox , try this addon: https://addons.mozilla.org/en-US/firefox/addon/noiascrollbars/

Blee
  • 31
0

If you are using xp, you can still rightclick on desktop Properties Appearance Advanced Scrollbar and make wider. Mine is 21.

It also will affect Firefox and ALL other programs I use on my XP.

Anelle in Idaho

Anelle
  • 1