How to Add Custom Scrollbar to Any Element in WordPress - Best Webhosting

ULTRAFAST, CHEAP, SCALABLE AND RELIABLE! WE STRONGLY RECOMMEND ACCU WEB HOSTING COMPANY

Watch Wordpress WPBeginner Video: How to Add Custom Scrollbar to Any Element in WordPress.
Do you have a long sidebar that causes issues on certain pages? There is a way to add a scrollbar to almost any element in WordPress. In this video, we will show you how to add a custom scrollbar to any element.

If you liked this video, then please Like and consider subscribing to our channel for more WordPress videos.

Text version of this tutorial:
http://www.wpbeginner.com/plugins/how-to-add-custom-scrollbar-to-any-element-in-wordpress/

Check us out on Facebook:
https://www.facebook.com/wpbeginner

Follow us on Twitter:
http://twitter.com/wpbeginner

Join our circle on Google+:
https://plus.google.com/+wpbeginner/

Checkout our website for more WordPress Tutorials
http://www.wpbeginner.com/

Summary of this Tutorial:

Start by installing and activating the custom scrollbar plugin.

Then go to Appearance, Scrollbars to configure.

You need to give it a name and add the name of the target element selector.

Use something like inspect element on chrome browser to find the information.

Hover over the area you want the scroll for and right click on the page and click inspect element.

Find the id and copy it to add it to your scrollbar then save the settings.

Related Links:

Custom Scrollbar

https://wordpress.org/plugins/custom-scrollbar/

Published: Sunday, August 11, 2019 9:37 AM
Category: Wordpress WPBeginner

90 Views

Related Videos

How to Create Custom Scrollbar in CSS | Customize Scrollbar

by Best Webhosting Added 4 years ago 61 Views / 0 Likes

Enroll My Course : Next Level CSS Animation and Hover Effects https://www.udemy.com/course/css-hover-animation-effects-from-beginners-to-expert/?referralCode=90A9FFA7990A4491CF8D ------------------ Creative Page Scroll Progress Bar Watch This : https://youtu.be/5esbQmw-SA0 ------------------ Join Our Channel Membership And Get Source Code Everyday Join : https://www.youtube.com/channel/UCbwXnUipZsLfUckBPsC7Jog/join ------------------ Please LIKE our F
Custom Scrollbar using CSS - Pure CSS Tutorial - Customized Scrollbars Tutorial for Beginners

by Best Webhosting Added 4 years ago 83 Views / 0 Likes

Please LIKE our NEW Facebook page for daily updates... https://www.facebook.com/Online-Tutorial-Html-Css-JQuery-Photoshop-1807958766120070/ Spring In My Step by Silent Partner from YouTube Audio Library Music URL : https://www.youtube.com/watch?v=siCmqvfw_1g
Popular
How to Create Custom WordPress Page Templates with Custom Post Types & Custom Fields

by Best Webhosting Added 4 years ago 150 Views / 0 Likes

In this tutorial, you are going to learn how to create a full custom WordPress page template using custom post types and custom fields. We shall be creating a custom post type called Game and also a custom taxonomy titled Genre. We shall also create 4 custom fields attached to this custom post type for displaying different types of content. We will then proceed to create a custom page template for displaying the excerpts of our game reviews and then f
Javascript Fun | Append Element On Mousemove And Remove Element After Few Seconds

by Best Webhosting Added 4 years ago 78 Views / 0 Likes

Enroll My Course : Next Level CSS Animation and Hover Effects https://www.udemy.com/course/css-hover-animation-effects-from-beginners-to-expert/?referralCode=90A9FFA7990A4491CF8D ------------------ Join Our Channel Membership And Get Source Code Everyday Join : https://www.youtube.com/channel/UCbwXnUipZsLfUckBPsC7Jog/join ------------------ Please LIKE our Facebook page for daily updates... https://www.facebook.com/Online-Tutorial-Html-Css-JQuery-Phot
WordPress. CherryFramework 3. How To Add Custom Classes To The Shortcodes And Assign Custom CSS Rule

by Best Webhosting Added 4 years ago 97 Views / 0 Likes

This tutorial is going to show you how to add custom classes to the shortcodes and assign custom CSS rules to them in Cherry Framework 3 template. To view more our WordPress templates go to website: http://www.templatemonster.com/wordpress-themes.php?utm_source=youtube&utm_medium=link&utm_campaign=wptuts363 Build Absolutely Anything with Monstroid WordPress Theme: http://www.templatemonster.com/wordpress-themes/monstroid/?utm_source=youtube&utm_medium
How To Extend WordPress With Custom Post Types & Custom Fields Using PODS

by Best Webhosting Added 4 years ago 99 Views / 0 Likes

WordPress can store and display much more then pages / posts and in this tutorial I will teach you how to create a custom portfolio from scratch using PODS. Links To Everything From The Video: https://pods.io https://www.wpcrafter.com/astra https://www.wpcrafter.com/beaverbuilder https://www.wpcrafter.com/beaver-themer https://www.wpcrafter.com/elementor https://www.wpcrafter.com/ultimate-beaver ~~~~~~~~~~~~~~~~~~~~~ All of my opinions in this video a
Popular
How To Create Custom Post Types & Custom Fields WordPress Tutorial

by Best Webhosting Added 4 years ago 111 Views / 0 Likes

In this tutorial, I'll show you how easy it is to add custom post types and custom fields to your WordPress website and make them look amazing using a theme builder. It's surprisingly easier then you think. Now for the video, I am using Elementor Pro page builder for WordPress to create the design, but you can use Beaver Themer, Brizy, or the upcoming Divi 4. Don't have Elementor Pro yet? If you buy it through the link on my website I will give you ac
Popular
Meta Box WordPress plugin | Custom fields for posts, pages, custom post types | PREVIEW

by Best Webhosting Added 4 years ago 109 Views / 0 Likes

For more hand-crafted WordPress tutorials visit: http://plugintut.com Download this plugin here: https://wordpress.org/plugins/meta-box/ Meta Box plugin provides powerful API to implement custom meta boxes and custom fields for any post type in WordPress. It extends the default WordPress functionality to add more flexible data to posts, pages or any custom post types which makes your website look like a professional Content Management Systems. Feature
Popular
WordPress. How To Sort Custom Posts By Custom Field

by Best Webhosting Added 4 years ago 106 Views / 0 Likes

This tutorial is going to show you how to sort custom posts of your WordPress template by custom field. To view more our WordPress templates go to website: http://www.templatemonster.com/wordpress-themes.php?utm_source=youtube&utm_medium=link&utm_campaign=wptuts8 Build Absolutely Anything with Monstroid WordPress Theme: http://www.templatemonster.com/wordpress-themes/monstroid/?utm_source=youtube&utm_medium=link&utm_campaign=wptuts8 TOP WordPress Them
How to Use Hover Element In WordPress?

by Best Webhosting Added 4 years ago 71 Views / 0 Likes

In today's tutorial will explain you how to use the Hover page builder element to design creative section to display and showcase your content beautifully using our page builder system, in the back-end or front-end very easily. Download WordPress themes https://visualmodo.com/wordpress-themes/ Theme live demo https://theme.visualmodo.com/construction/
Create A Custom Login Page Custom Registration Page With Custom Fields Using WPForms, ACF, Elementor

by Best Webhosting Added 3 years ago 49 Views / 0 Likes

In this tutorial, you will learn how to create a custom login page custom registration page. The form functionality will be provided by WPForms, the page design by Elementor and the custom fields by ACF. You will learn how you can link the custom fields to user profiles and connect those fields to the registration form. //* Check out WPForms here: https://wplearninglab.com/go/wpforms001 Always backup your site just in case (or use a staging site), her
How To Use Countdowns In WordPress? Timer Element

by Best Webhosting Added 4 years ago 60 Views / 0 Likes

In today's tutorial, you will see a simple and easy method to add a countdowns elements on your WordPress for events or coming soon pages creations. Download themes with those elements at https://visualmodo.com/wordpress-themes/