Best WordPress PluginsBlog

How to Add Custom Scrollbar to Any Element in WordPress

Do you will have an extended sidebar that’s breaking your WordPress format on sure pages? Lately one among our customers requested us for an answer. Because the person didn’t wish to take away any of the widgets, we urged including a hard and fast top and scroll bar to to all lengthy widgets which mounted the issue. On this article, we are going to present you how one can add a customized scrollbar to any aspect in WordPress.

Add custom scrollbars to any element in WordPress

Video Tutorial

Subscribe to WPBeginner

Should you don’t just like the video or want extra directions, then proceed studying.

Very first thing it’s essential do is set up and activate the Customized Scrollbar plugin. Upon activation merely go to Look » Scrollbars to configure the plugin.

Custom Scrollbars settings

It’s worthwhile to begin by offering a reputation in your scrollbar. The plugin means that you can add a number of scrollbars, so including a reputation will provide help to discover your customized scrollbar within the admin space.

Subsequent merchandise within the settings is Goal Factor Selector. That is the category or ID of the online aspect that you just wish to goal. You will discover the id or class of any aspect by right-clicking on the aspect in your Chrome browser and choosing examine aspect from the menu.

Using inspect element tool to find element ID or CSS class

As you may see within the screenshot, the aspect we wish to goal is apart with the CSS class bwp_gallery.

After getting into the goal selector, you may select the peak and width of the customized scrollbar space. You can even select the place and a theme for the scrollbar.

As soon as you’re executed, merely click on on the save adjustments button to retailer your settings.

That’s all, now you can go to your web site to see the customized scrollbar in motion. You may repeat the method to create one other customized scrollbar by clicking on the Add button.

Adding another custom scrollbar

We hope this text helped you add customized scrollbars to any aspect in your WordPress web site. You may additionally wish to see our checklist of 25 most helpful WordPress widgets in your web site.

Download The WPSaviour App Now

Leave a Reply

Your email address will not be published.

Pay in your preferred currency
Indian rupee
Euro