How to disable styling of scroll bars in Opera 31

  • Hello everyone

    In Opera Presto I was able to prevent web sites from changing the style of my scroll bars. Some web sites change the scroll bar to something that looked good to the designer but which may not be very user-friendly (e.g. some sites reduce the width of the scroll bar, so that you need a more accurate mouse hand to grab it, and e.g. some sites change the colour of the scroll bar, making it more difficult to see which part of the scroll bar is the thumb and which part is the gulley). Is there a way in Opera 31 to prevent web sites from altering the appearance of the scroll bars?

    Thanks
    Samuel

  • opera://flags/?search=scroll#overlay-scrollbars might be what you are looking for. Do you have an example site where I can test it out?

  • James, well, Gmail is an example I can think of right now. The setting you mention does not affect the Gmail scrollbar (which is narrower and flatter than the scrollbar in other windows) -- I've tried all three settings. There have been more extreme examples as well (e.g. ultrathin Mac-lookalike scrollbars), but I can't recall them right now.

    Normal: http://i61.tinypic.com/24wxam8.png
    In Gmail: http://i62.tinypic.com/fd55jk.png

  • Interesting. I use the hidden HTML only version of gmail, so I won't see what you are talking about.

    https://addons.opera.com/en/extensions/details/modern-scroll/?display=en will customize scrollbars. Initially, this will make sites look worse, but if you go to the extensions folder and open the extensions folder and then open the most recently created folder then go into the css folder and edit the ext.css file you can edit the look of the scrollbar.

    C:\Users\Your Name\AppData\Roaming\Opera Software\Opera Stable

    The extension looks simple enough that I am tempted to take a stab at creating an extension myself.

  • I replaced his ext.css file with

    ::-webkit-scrollbar {
    width : 15px!important;
    height : 8px!important;
    background:#f5f6f7!important;
    border: 1px solid #bababc!important;
    border-width: 0 1px!important;
    }
    ::-webkit-scrollbar:horizontal {
    border: 1px solid #bababc!important;
    border-width: 1px 0!important;
    }
    ::-webkit-scrollbar:hover {
    /*background :  #bababc!important;*/
    }
    ::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, .10)!important;
    border: 1px solid #bababc!important;
    }
    ::-webkit-scrollbar-thumb:hover {
    background : rgba(0, 0, 0, .50)!important;
    }
    ::-webkit-scrollbar-corner {
    background:#f5f6f7!important;
    }
    

    To give a similar appearance to the standard scrollbar. It certainly needs some work yet, but as you can see from the code above it should be easy enough to customize your scrollbar to how you want by editing this file. It works in gmail too 🙂

  • I posted the wrong link earlier. Go here instead.

  • I confirm that James' solution works (it replaces the flat, thin scrollbar in the extension with a flat, thicker scrollbar). Personally, I change the webkit-scrollbar-thumb from .10 to .40, so that the thumb is visible even if you don't hover over it (as I dislike mystery meat navigation).

  • Well "C:\Users\Your Name\AppData\Roaming\Opera Software\Opera Stable" only works for the stinking windows junk. I use something much more secure and never crashes, Ubuntu- Linux and I don't need no stink'n virus scanner slowing down every Internet connection. So I am looking for the equivalence directory for Opera 41.0 for Linux.
    Tried ~/.config/opera/Extensions/killkgpjebkgoibonbcjalcmlakflaha/1.6.2_0/css/ext.css, but it wants to change back to the original saying the file is corrupt?

  • I would suggest you ask this in the "Opera for *nix" section of the forum.
    Apologies if you already have, but I couldn't see it.
    Only Windows users will be in this section.
    🙂

Log in to reply
 

Looks like your connection to Opera forums was lost, please wait while we try to reconnect.