Can someone point me to the place where I can change the Essential theme scrollbar color and design? Is this a simple CSS change? I'm working with someone who wants it modified. Thanks!
Hi Floyd
It would probably help if you include a screenshot showing exactly what you are looking to change ... at the moment I don't know which scrollbar you are referring to?
Sadly I probably still wouldn't have a clue, but it would certainly help those that do know about these things help you.
It used to be you could only change the colour of the scroll bars in Internet Explorer. However I have not seen it done in years. It was very popular at the turn of the century, 1995 onwards. I did a search and found this...
http://codemug.com/html/custom-scrollbars-using-css/
Cheers
Mary
Never even crossed my mind that the browser scroll bar could be the scroll bar in question ... I was thinking of a page such as the gradebook.
Might waste a bit of time later, thanks Mary :D
Thanks for the reminder to include screenshots. When I'm on the other side of a question (answering a help forum post), I always wish more information was provided. Now that I am the one posting a question, I forgot to be specific and clear. Duh!!!
My question refers to the browser vertical scroll bar.
I'm using Moodle 2.7.2 (Build 20141031) and Essential 2.7.9.1 (Build 2014111001)
I've noticed the following:
- in IE, when the site first loads the scroll bar does not appear until I hover over the slider area.
- in IE and Chrome, the color of the scroll bar changes with the theme color setting
- in FireFox, the color of the scroll bar is 'standard' and is not affected by the theme color setting.
The person approving the web site would like a 'standard' (grey?) scroll bar in all cases. My question is whether Essential has CSS or Javascript code that changes the scroll bar color. See the images below. Note that the Chrome scroll bar changes color; FireFox scroll bar remains a 'standard' grey.
Thanks!
Chrome with Essential theme color red
Chrome with Essential theme color yellow.
FireFox with Essential theme color green
Hi,i hope you find the answer..
i need to make scrollbar normalize.. can you help me?..
hi i found the answer..
just add
::-webkit-scrollbar { width: 0 !important }
on coustum css (site admin->theme->essential->general)
if you want to change more just add other webkit-scrollbar setting
Hello,
Thank you for the tips.
Is-it possible to get back the default browser scrollbar, since I'm no very fan of customized scrollbar ?
Hi Catherine,
You can use the information above being: https://github.com/gjb2048/moodle-theme_essential/blob/master/less/essential/settings/custom.less#L14-L30 - along with following the same procedure for 'grunt' as shown here with Shoehorn:
Kind regards,
Gareth
Thank you for the links
I thought I can do this easier by removing css in the concerned file.
The output CSS is minified, so very difficult to edit and manipulate.