The drag-and-drop interface is user-friendly making it ideal for WordPress beginners

[Mostafa044]

We recommend option 1 if you are just starting out with your website and want to use a page builder with custom scroll bar functionality. In fact, if you have already used another theme, you will need to change your theme to use this method .

On the other hand, if you like your current theme, you can choose option 2 to add a custom scrollbar via CSS code. Don't worry, we'll break down the process step by step so that it's easy for anyone to follow.


Note: Want to change the scrollbar for your entire WordPress site instead? Check out our guide on how to add a custom scrollbar in WordPress .

Method 1: Use Thrive Architect to add a custom scroll bar (no code)
One way to add a custom scrollbar to a specific element is to use a page builder with a scrollbar feature. This way you can easily customize the scrollbar without touching the code.

For this method, we will be using Thrive list of azerbaijan cell phone number Architect . In addition to a scrollbar feature, Thrive Architect has 300+ templates that allow you to quickly create professional-looking pages and dynamic content features to personalize your visitors' experience.

For a more detailed look at this tool, check out our Thrive Architect review .

Although Thrive Architect does not offer a free version, you can use our special Thrive Themes discount code to save up to 50% on your first purchase.

Step 1: Set up Thrive Architect and Thrive Themes

To begin, we need to install the Thrive Architect plugin. You can access it by logging into your account on the Thrive Themes website.

Next, download and install the Thrive Product Manager plugin. If you need help, check out our guide on installing WordPress plugins for beginners .