Design or customize scrollbar to your website, Add make extra design or remove anything from scrollbar. Paste given code to style.css and design whole website’s page or any website’s section.
How to Customize scrollbar
Structure for customization – use given structure to class, And customize scrollbar. (change scrollbar’s width, color, background anything.
::-webkit-scrollbar {
width: 10px;
}
::-webkit-scrollbar-track {
background: #f1f1f1;
}
::-webkit-scrollbar-thumb {
background: #888;
}
::-webkit-scrollbar-thumb:hover {
background: #555;
}
If you want to design scrollbar for whole website so use given code on theme, just paste like this on style.css section –
body::-webkit-scrollbar {
width: 10px;
}
If you want to design scrollbar for any part of website so use given code on theme, just paste like this on style.css section
class_name::-webkit-scrollbar {
width: 10px;
}
example :
lyrics-tem-entry::-webkit-scrollbar {
width: 10px;
}
Hope this post helpful for your web designing course. Have another help so Contact US. Thank you.
