“Custom Scrollbar Wordpress” Documentation by “Perfect Point Marketing” v1.0


“Custom Scrollbar Wordpress”

Created: 28 February 2014
By: Perfect Point Marketing
Email: wp@perfectpointmarketing.com

Thank you for purchasing our plugin. If you have any question(s) or problem(s) that is/are beyond the scope of this help file, please feel free to email me via my user page contact form here. Thank you so much!


Table of Contents

  1. About the plugin
  2. Installation
  3. Configuration
  4. Examples
  5. Sources and Credits

A) About the plugin - top

Custom Scrollbar Wordpress is a jQuery custom scrollbar for your wordpress website. This plugin will enable awesome custom scrollbar.

You can change scrollbar color, border radius, scroll speed, width, border style & other settings & by using the options of this plugin. In this documentation, we'll cover enough areas of the option panel for you to control the plugin effectively. Lets began:

B) Installation - top

Installing the plugins is just like installing other WordPress plugins. If you don't know how to install plugins, please review the two options below:

Install by ZIP File

  1. From your WordPress dashboard, choose 'Add New' under the 'Plugins' category
  2. Select 'Upload' from the set of links at the top of the page (the second link)
  3. From here, browse for the zip file included in your plugin purchase titled 'custom-scrollbar-wordpress.zip' and click the 'Install Now' button
  4. Once installation is complete, activate the plugin to enable its features.

Install by FTP

  1. Find the directory titled 'custom-scrollbar-wordpress' and upload it and all files within to the plugins directory of your WordPress install (/WORDPRESS-DIRECTORY/wp-content/plugins/) [e.g. www.yourdomain.com/wp-content/plugins/]
  2. From your WordPress dashboard, choose 'Installed Plugins' option under the 'Plugins' category
  3. Locate the newly added plugin and click on the 'Activate' link to enable its features.

C) Configuration - top

After install, the plugin will add a menu under Settings called "Custom Scrollbar Option".

In this settings, you can configure colors. Lets describe.

ScrollBar color

You can change scrollbar color here. You can use any color or HTML hex code.

ScrollBar width

You can Select scrollbar width here. Please use px. Example: 15px

ScrollBar border radius

You can Select scrollbar border radius here. Please use px. Example: 5px

ScrollBar border style

You can Select scrollbar border style here. Border style should be three part. Make sure you have used correct format. Example: 2px solid #666 or 1px solid red. For more information about border style, Click here

ScrollBar scroll speed

You can Select scrollbar speed here. Default value is 60. If you increase value, the scrolling speed will be slower. If you decrease value, scrolling speed will be faster.

Scrollbar visibility settings

You can change scrollbar visibility settings here. There are two options for it. Lets learn!

Updated features

We've updated out plugin with new features!

Now you can insert custom scrollbar with a box. Go on page editor then click scrollbar icon (Make sure you are in visual editor). You will see like below

Here you can configure your box & you can insert unlimited custom scrollbar box! You can configure how scrollbar look & its settings! After clicking ok, you will get shortcode. You can use this shortcode in widget too!

E) Examples - top

Or you can see live by clicking here.


F) Sources and Credits - top

jQuery NiceScroll


Once again, thank you so much for purchasing this plugin. As I said in the beginning, I'd be glad to help you out if you have any question(s) related to this plugin. No guarantees, but I'll try my best to assist. If you have a more general question relating to the themes/plugins on ThemeForest, you might consider visiting the forums and asking your question in the "Item Discussion" section.

Perfect Point Marketing

Go To The Table of Contents