Wordpress

Customize the Scroll Bar (css only)

With the css snippet bellow, you can customize the look of the scrollbar in your page. This applies for Horizontal and Vertical scroll bars.

    
/* wpsnippet.club */ /* Set the width and color of the scrollbar */ ::-webkit-scrollbar { width: 10px; height:10px; background-color: #f5f5f5; } /* Customize the thumb (the draggable part of the scrollbar) */ ::-webkit-scrollbar-thumb { background-color: #999; border-radius: 8px; } /* Set the color of the scrollbar when the mouse hovers over it */ ::-webkit-scrollbar-thumb:hover { background-color: #777; }

Leave a Reply