Customize Your Website’s Scrollbar using CSS code

Customize your website’s scroll bar using CSS in your WordPress and Blogger website. Paste given code and change something link background color, scrollbar width etc.

How to Customize Scrollbar

Open website’s active theme, Then paste given code in STYLE section or CSS section.

*::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
background-color: #eee;
border-radius: 5px;margin-left:-5px!important;
}

*::-webkit-scrollbar
{
width: 5px;
margin-left:-5px;
background-color: #F5F5F5!important;
}

*::-webkit-scrollbar-thumb
{
border-radius: 5px;
background-color: white;
background-image: linear-gradient(to right, #4CB8C4 0%, #3CD3AD 51%, #4CB8C4 100%);
}

Change something according to your choice.