I can’t seem to find out where I can change the color of the scrollbar for the notifications dropdown (accessed from the top header bar.
You can change the scrollbar color in the following places:
1) Using CSS file. Add the following code in your custom.css
background: … !important;
opacity: … !important;
2) Using HTML file (where Metronic default color set for scrollbar). Find the following code in HTML file
<ul class=”dropdown-menu-list scroller” style=”height: 250px;” data-handle-color=”…”>
and add you color to data-handle-color=”…”
3) Additionally, you can change from JS file. Refer to
and change the following codes
// scrollbar color, accepts any hex/color value
// sets scrollbar opacity
in the lines 26 and 38 respectively.
If ever we can be of assistance, please let us know.
You must be logged in to reply to this topic.