Scroll Bar Color & Size changes

Hi,

How do I change the color, size and width of the scroll bar on the right.  It's dark and narrow and hard to see if you cursor is even on the scroll bar.

Is there some custom CSS I can use?

Thanks.

Comments

  • Hey,

    this can be changed within below css:
    .nicescroll-rails {
        width: 20px !important;
        background: #000 !important;
    }

    .nicescroll-rails > div {
        width: 20px !important;
        background: #000 !important;
    }
  • Thanks for the quick response.  This removed the scroll bar entirely which is OK but how do I get a normal scroll bar like any any windows browser?
  • Above code does not remove scroll bar but make changes like width and background. But if you want to go back to normal scroll bar all you need to do is turn OFF "Nice scroll" option in Theme options > Getting started > General section.
  • @rnitcher the #000 is the code for black color, which means that the above code made your scroll bar and it's background black. In order to fix this you need to replace the 000 with your own prefered color code. Ex. #EEA200 which is the code for orange and etc.
  • Thank you!
  • Just a quick note; I was having issues with IE and the YouTube videos; Issue was that you couldn't scroll over the YouTube video. You would have to grab the scrollbar to move up or down, which was hard on a YouTube video being used full screen on a Revolution Slider. Turning off the 'Nice Scroll' option fixed that issue, along with also a return back to the 'normal' scroll bar.

    Summary: IF you're having issue on IE (Internet Explorer) with not being able to scroll over YouTube videos, turn off the "Nice Scroll" feature.

    Thanks!
  • Hi I am facing the same issue, and your comment on switching off the nice scroll is not visible. can you please point me to one.
  • @aaryankiara What is not visible exactly? Would be great if you can show us what you mean exactly.
  • Hello,

    The "Nice scroll" option in Theme options > Getting started > General section is not available. then how to set default Scroll Bar ?

    Regards
    Olivier
  • @olischlo Nice Scroll is under Addons section.
  • Thank you !

    I think you should update the documentation as it is explain that the option can be find in Theme options > Getting started > General section
Sign In or Register to comment.
This website uses cookies

We use cookies to personalise content and ads, to provide social media features and to analyse our traffic. We also share information about your use of our site with our social media, advertising and analytics partners who may combine it with other information that you’ve provided to them or that they’ve collected from your use of their services.

Cookies are small text files that can be used by websites to make a user's experience more efficient.

The law states that we can store cookies on your device if they are strictly necessary for the operation of this site. For all other types of cookies we need your permission. This means that cookies which are categorized as necessary, are processed based on GDPR Art. 6 (1) (f). All other cookies, meaning those from the categories preferences and marketing, are processed based on GDPR Art. 6 (1) (a) GDPR.

This site uses different types of cookies. Some cookies are placed by third party services that appear on our pages.

You can at any time change or withdraw your consent from the Cookie Declaration on our website.

Learn more about who we are, how you can contact us and how we process personal data in our Privacy Policy.

Please state your consent ID and date when you contact us regarding your consent.