IP.Board Tutorials

How to add a custom gray scrollbar

Submitted by erevan, , Thread ID: 85952

Thread Closed
25-04-2018, 01:08 AM
#1
  • Login to your ACP;
  • Select the theme you want to add it to;
  • Click "Edit HTML and CSS";
  • In the "CSS" tab, add to"custom.css":
Code:
::-webkit-scrollbar {
  width: 12px;
}
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  -webkit-border-radius: 1px;
  border-radius: 1px;
}
::-webkit-scrollbar-thumb {
  -webkit-border-radius: 1px;
  border-radius: 1px;
  background: rgba(114,114,114,0.8);
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
::-webkit-scrollbar-thumb:window-inactive {
background: rgba(114,114,114,0.4);
}

Users browsing this thread: