11 Best Responsive One Page Portfolio and Multipurpose WordPress Themes 2014
June 13, 2014
How to Reduce WordPress Comment Spam using Comments Cookies
June 23, 2014

How to Make a Custom Scrollbar in WordPress

In this article, we will show you how to add a custom scrollbar in WordPress without writing any code. Some websites and web apps add custom scrollbars to meet their site’s UI or brand colors. Have you ever come across a site that has custom scrollbars?


A Custom scrollbar can be added with CSS into any WordPress website, this solution is not ideal for beginners. Due to browser compatibility issues, there’s a plugin for that.

You need to install and activate the Dewdrop Custom Scrollbar Plugin through Settings » Dewdrop Scrollbar Options to configure the settings.


You need to configure the scrollbar color on the plugin settings page. You can also adjust the width and color of the scrollbar border. Then select width for your scrollbar, the default width is 12px. Once you have done it, click save.

Go to your website to see the changes. Now your scroll bar meets to your website colour scheme. Keep customizing the look of your scrollbar until you get the desired result.

Welcome to Wordpress Mind! We aim to be a source of quality information free WordPress themes for WordPress lovers all around the world.

Leave a Reply

Your email address will not be published. Required fields are marked *

CAPTCHA HERE * Time limit is exhausted. Please reload the CAPTCHA.