How to add custom scrollbars

[Yukki 27]

HELLO EVERYONE I WILL BE SHARING TWO TYPES OF SCROLLBARS WITH YOU NOW

LET'S GET STARTED

EFFECT 1 (Normal)

• Login usually in your ACP;
• Select the theme you want to add it;
• Click "Edit HTML and CSS";
• In the "CSS" tab, add it in "custom.css"

::-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); 
}

EFFECT 2 (Cool)

• Login usually in your ACP;
• Select the theme you want to add it;
• Click "Edit HTML and CSS";
• In the "CSS" tab, add it in "custom.css"

/**
* This is Scroll Bar Option
*/
::-webkit-scrollbar {
    width: 0.9em;
    background: #222;
    padding: 3px;
}

::-webkit-scrollbar-thumb {
	background: #369df9;
}
body[data-pageapp=forums][data-pagelocation=front][data-pagemodule=forums][data-pagecontroller=index] .ipsPageHeader  {     display:none; }
::-webkit-scrollbar-corner {
	background: #333;
}

You can change the colors also which is in HEX

Enjoy!