LinuxQuestions.org - [SOLVED] increasing size of scrollbar

- Bodhi (https://www.linuxquestions.org/questions/bodhi-92/)

- - increasing size of scrollbar (https://www.linuxquestions.org/questions/bodhi-92/increasing-size-of-scrollbar-4175669525/)

increasing size of scrollbar

This may be obvious and simple for some. I would like to learn how to increase the width of the scrollbar for all windows. Is that even possible?

it is but i do not remember how- i believe there was a thread on it somewhere under bodhi. with an old shaky memory i believe you have to tweak the numer settings via the terminal/code areas of the system. If i am wrong i apologize.

found this though it is xfce... but maybe some info for you

https://forum.mxlinux.org/viewtopic.php?f=93&t=37914

a search on the net gave me the way to achieve a wider scrollbar. I found a site that made a gtk.css file available that gave the flexibility to set up the scrollbar as I wished. Per instructions, I placed this file in ~/.config/gtk-3.0. Here is the contents of that file;

Code:

scrollbar, scrollbar button, scrollbar slider {

    -GtkScrollbar-has-backward-stepper: true;

    -GtkScrollbar-has-forward-stepper: true;

    min-width: 16px;

    min-height: 10px;

    border-radius: 7;

}



scrollbar trough {

#  background-color: shade(@theme_bg_color, 0.60);

    background-color: shade(red, 0.60);

}



scrollbar button,

scrollbar button.vertical,

scrollbar button.horizontal,

scrollbar .button,

scrollbar .button.vertical,

scrollbar .button.horizontal {

    color: shade(@theme_bg_color, 0.10);

    background-color: shade(@theme_bg_color, 0.4);

#  background-color: shade(green, 0.4);

}



scrollbar.vertical slider,

scrollbar.vertical .slider {

    background-image: linear-gradient(to bottom,

                                      shade(@toolbar_gradient_base, 0.70),

                                      yellow);

}



scrollbar.horizontal slider,

scrollbar.horizontal .slider {

    background-image: linear-gradient(to left,

                                      shade(@toolbar_gradient_base, 0.85),

                                      yellow);

}

I am going to mark this thread as solved. Thanks for all help and input.

@ crajor (or anyone).
I gather you use PCLinuxOS. I use Mint 18.1 & Mint 19.3 xfce. That may determine if the code posted works (for me, it didn't). The update - post 5 - showing

Code:

scrollbar.vertical slider,

scrollbar.vertical .slider {

    background-image: linear-gradient(to bottom,

                                      shade(@toolbar_gradient_base, 0.70),

                                      yellow);

}



scrollbar.horizontal slider,

scrollbar.horizontal .slider {

    background-image: linear-gradient(to left,

                                      shade(@toolbar_gradient_base, 0.85),

                                      yellow);

}

I'm more interested in horizontal sliders. I've tried many methods - may have worked at one time... None applied a linear-gradient to any H-scrollbar sliders.
1) the code you posted may work in some distros. I can't remember when I last saw the 1st term (word) in a CSS selector without a dot or a # hash in front of it.
However, I played a lot w/ making 1st term "scrollbar" a class or id, & the same w/ the slider term. No go.

I have no trouble applying linear-gradients to vertical scrollbar sliders - in most app windows, not just Firefox (also using degrees, e.g., (deg90 or deg135,etc., red, white, blue);}.
Some examples showed using "background" vs. "background-image" - no difference for horiz. sliders - for me.

I'm not sure Firefox 80+ even supports gradients on horizontal sliders. Using linear-gradient in various horiz. boxes mostly works, but they're not sliders.

Any other ideas to try?