{"id":7442,"date":"2025-03-10T08:52:04","date_gmt":"2025-03-10T08:52:04","guid":{"rendered":"https:\/\/s-o-s.net\/product\/custom-scrollbar-revamp-scrollbars-to-match-your-websites-aesthetic\/"},"modified":"2025-04-17T18:50:41","modified_gmt":"2025-04-17T18:50:41","slug":"custom-scrollbar-revamp-scrollbars-to-match-your-websites-aesthetic","status":"publish","type":"product","link":"https:\/\/s-o-s.net\/en_gb\/product\/custom-scrollbar-revamp-scrollbars-to-match-your-websites-aesthetic\/","title":{"rendered":"Custom Scrollbar \u2014 Revamp Scrollbars to Match Your Website&#8217;s Aesthetic"},"content":{"rendered":"<p><br \/>\n<br \/>\n<a class=\"wp_automatic_demo_btn broken_link\" target=\"_blank\" href=\"https:\/\/codecanyon.net\/item\/custom-scrollbar-revamp-scrollbars-to-match-your-websites-aesthetic\/full_screen_preview\/48999291\" rel=\"noopener\">LIVE PREVIEW<\/a> <a class=\"wp_automatic_buy_btn broken_link\" target=\"_blank\" href=\"https:\/\/codecanyon.net\/item\/custom-scrollbar-revamp-scrollbars-to-match-your-websites-aesthetic\/48999291\" rel=\"noopener\">LIVE ORDER $22<\/a><br \/>\n<br \/>\n<img decoding=\"async\" src=\"https:\/\/previews.customer.envatousercontent.com\/files\/473683147\/cover-codecanyon-custom-scrollbar.jpg\"><br \/>\n<a><span style=\"font-size: 20px\">Custom Scrollbar \u2014 Revamp Scrollbars to Match Your Website&#8217;s Aesthetic<\/span><\/a><br \/>\n<img decoding=\"async\" src=\"https:\/\/s3.envato.com\/files\/270117146\/avatar.png\" width=\"25\" height=\"25\"> <a href=\"https:\/\/codecanyon.net\/user\/42Theme\" target=\"_blank\" rel=\"noopener\">42Theme<\/a><br \/>\n<\/p>\n<h2 id=\"item-description__custom-scrollbar-for-wordpress-plugin-overview\">Custom Scrollbar for WordPress &#8211; Plugin Overview<\/h2>\n<h3 id=\"item-description__custom-scrollbar-elevate-your-scrolling-experience\">Custom Scrollbar: Elevate Your Scrolling Experience<\/h3>\n<p>\n    Custom Scrollbar is your go-to solution for enhancing the scrolling experience on your WordPress website.<br \/>\n    This versatile plugin empowers you to take control of scrollbars, ensuring they align seamlessly<br \/>\n    with your site&#8217;s aesthetics and functionality. With an array of customizable options, you can transform<br \/>\n    the way users navigate your content.\n<\/p>\n<h2 id=\"item-description__choose-where-to-apply-custom-scrollbars\">Choose Where to Apply Custom Scrollbars<\/h2>\n<p>\n    <strong>Window Scrollbars:<\/strong> Apply custom scrollbars to your entire website,<br \/>\n    seamlessly replacing the native scrollbars.\n<\/p>\n<p>\n    <strong>Textarea Scrollbars:<\/strong> Tailor the scrolling experience for textarea elements,<br \/>\n    providing a consistent, user-friendly interface.\n<\/p>\n<p>\n    <strong>Excluded Textarea:<\/strong> Define specific textarea elements to skip the customization process,<br \/>\n    giving you ultimate control over scrollbars.\n<\/p>\n<p>\n    <strong>Custom Elements:<\/strong> Extend the scroll customization to custom elements on your site,<br \/>\n    ensuring a cohesive design.\n<\/p>\n<p>\n    <strong>Elements Selector:<\/strong><br \/>\n    Specify selectors for the elements that will receive custom scrollbars, allowing you to fine-tune your design.\n<\/p>\n<h2 id=\"item-description__customizable-style-colors-and-gradients\">Customizable Style, Colors, and Gradients<\/h2>\n<p>\n    <strong>Preview:<\/strong> Instantly visualize how your scrollbar will look as you make changes to its settings.\n<\/p>\n<p>\n    <strong>Style:<\/strong> Choose from a selection of built-in styles or create your own unique design.\n<\/p>\n<p>\n    <strong>Handle Color:<\/strong> Customize the scrollbar handle&#8217;s color or gradient to match your website&#8217;s theme.\n<\/p>\n<p>\n    <strong>Track Color:<\/strong> Personalize the scrollbar track&#8217;s color or gradient, ensuring a perfect fit with your<br \/>\n    design.\n<\/p>\n<h2 id=\"item-description__position-and-behavior-control\">Position and Behavior Control<\/h2>\n<p>\n    <strong>Resize:<\/strong> Define how the host element should behave when resizing, optimizing the user&#8217;s viewing<br \/>\n    experience.<\/p>\n<p>\n    <strong>Absolute Padding:<\/strong> Maintain a consistent spacing to the edge of the content, even as the<br \/>\n    scroll-offset changes.<\/p>\n<p>\n    <strong>Visibility:<\/strong> Control the basic visibility of the scrollbars to meet your design preferences.<\/p>\n<p>\n    <strong>Auto Hide:<\/strong> Enable automatic hiding of visible scrollbars after specific user actions, providing a<br \/>\n    cleaner look.<\/p>\n<p>\n    <strong>Auto Hide Delay:<\/strong> Set the delay in milliseconds before scrollbars automatically disappear,<br \/>\n    fine-tuning user interaction.<\/p>\n<p>\n    <strong>Drag Scrolling:<\/strong> Decide if the scrollbar handle should support drag scrolling, enhancing navigation.\n<\/p>\n<p>\n    <strong>Click Scrolling:<\/strong> Define whether the scrollbar track should support click scrolling, making content<br \/>\n    navigation easier than ever.\n<\/p>\n<h2 id=\"item-description__elevate-your-website-s-user-experience\">Elevate Your Website&#8217;s User Experience<\/h2>\n<p>\n    Custom Scrollbar for WordPress grants you the power to perfect the scrolling experience on your website.<br \/>\n    With an array of customization options, your site&#8217;s design and functionality will seamlessly come together,<br \/>\n    delivering a smooth and visually appealing user experience. Elevate your website today<br \/>\n    with Custom Scrollbar &#8211; where scrolling becomes an art.\n<\/p>\n<h2 id=\"item-description__completely-cross-browser-support\">Completely Cross-Browser Support<\/h2>\n<p>\n    All major browsers are supported: Chrome, Firefox, Safari, Edge, Opera, etc.<br \/>\n    Does not matter which browser users view your site.<br \/>\n    Custom Scrollbar for WordPress works perfectly in all browsers.\n<\/p>\n<h2 id=\"item-description__mobile-friendly\">Mobile Friendly<\/h2>\n<p>\n    Custom Scrollbar for WordPress works great with all type of devices: smartphones, tablets and desktop<br \/>\n    computers. So your content will be protected on every device.\n<\/p>\n<h2 id=\"item-description__well-documented\">Well Documented<\/h2>\n<p>This plugin comes with the full documentation, so using the plugin becomes even easier.<\/p>\n<h2 id=\"item-description__more-amazing-features\">More Amazing Features<\/h2>\n<ul>\n<li>Effortless Implementation: Easy to install and use<\/li>\n<li>Compatibility Across Templates and Frameworks<\/li>\n<li>Seamless Mobile and Touch Device Support<\/li>\n<li>Browser Compatibility: Works on all modern browsers<\/li>\n<li>Lightweight and Lightning-Fast: Only 55KB when minified<\/li>\n<li>Native JavaScript: No reliance on jQuery<\/li>\n<li>RTL (Right-to-Left) Compatibility<\/li>\n<li>SEO-Friendly: Does not impact site indexing in search engines<\/li>\n<li>Cross-Platform Compatibility: Works on Windows, Linux, and macOS<\/li>\n<li>Comprehensive User Manual for Easy Configuration<\/li>\n<\/ul>\n<h3 id=\"item-description__6-months-support-by-42theme\">6 months support by 42theme<\/h3>\n<p><strong>Item support includes:<\/strong><\/p>\n<ul>\n<li>All future updates made available for this item are included with purchase<\/li>\n<li>Availability of the author to answer questions<\/li>\n<li>Get assistance with reported bugs and issues<\/li>\n<li>Help with included 3rd party assets<\/li>\n<\/ul>\n<p><strong>Item support does not include:<\/strong><\/p>\n<ul>\n<li>Customizations and installations<\/li>\n<\/ul>\n<p>For more details, view the <a target=\"_blank\" href=\"https:\/\/codecanyon.net\/page\/item_support_policy\" rel=\"noopener\">item support policy<\/a>.<\/p>\n<h3 id=\"item-description__item-contents\">Item Contents<\/h3>\n<ul>\n<li>01-Plugin<\/li>\n<li>02-Documentation<\/li>\n<li>Licensing<\/li>\n<\/ul>\n<h3 id=\"item-description__note\">Note<\/h3>\n<p>If you have any questions please feel free to email us via <a target=\"_blank\" href=\"https:\/\/codecanyon.net\/user\/42theme\" rel=\"noopener\">contact form here<\/a>.<\/p>\n<p><\/p>\n<h5 id=\"item-description__1-0-3-21-january-2024\">1.0.3 &#8211; 21 January 2024<\/h5>\n<pre># Fixed Pull-to-Refresh on mobile devices (thanks to slimfire18)\n# Fixed \"Save Changes\" button on Design tab\n+ Add settings to customize the Pull-to-Refresh feature\n* Updated Documentation\n* Updated Master Plugin Framework\n<\/pre>\n<h4 id=\"item-description__-full-changelog\">\n    <a target=\"_blank\" href=\"https:\/\/42theme.com\/help-center\/wordpress\/t42-custom-scrollbar\/changelog-t42-custom-scrollbar\/\" rel=\"nofollow noopener\"><br \/>\n        Full Changelog<br \/>\n    <\/a><br \/>\n<\/h4>\n<p>\n<br \/>\n<br \/>\n<a href=\"https:\/\/codecanyon.net\/item\/custom-scrollbar-revamp-scrollbars-to-match-your-websites-aesthetic\/48999291\" target=\"_blank\" rel=\"noopener\" class=\"broken_link\">Source link<\/a><\/p>","protected":false},"excerpt":{"rendered":"<p>LIVE PREVIEW LIVE ORDER $22 Custom Scrollbar \u2014 Revamp Scrollbars to Match Your Website&#8217;s Aesthetic 42Theme Custom Scrollbar for WordPress &#8211; Plugin Overview Custom Scrollbar: Elevate Your Scrolling Experience Custom Scrollbar is your go-to solution for enhancing the scrolling experience on your WordPress website. This versatile plugin empowers you to take control of scrollbars, ensuring [&hellip;]<\/p>","protected":false},"featured_media":7443,"comment_status":"open","ping_status":"closed","template":"","meta":{"_acf_changed":false,"give_campaign_id":0},"product_brand":[],"product_cat":[3583,3329,3569],"product_tag":[4983,3598,4982,4980,4979,4981,3930],"class_list":{"0":"post-7442","1":"product","2":"type-product","3":"status-publish","4":"has-post-thumbnail","6":"product_cat-interface-element-plugin","7":"product_cat-pro-version","8":"product_cat-wp-plugin-solution","9":"product_tag-aesthetic","10":"product_tag-custom","11":"product_tag-match","12":"product_tag-revamp","13":"product_tag-scrollbar","14":"product_tag-scrollbars","15":"product_tag-websites","17":"first","18":"instock","19":"shipping-taxable","20":"purchasable","21":"product-type-simple","22":"add-to-wishlist-after_add_to_cart"},"acf":[],"fifu_image_url":"https:\/\/previews.customer.envatousercontent.com\/files\/473683147\/cover-codecanyon-custom-scrollbar.jpg","_links":{"self":[{"href":"https:\/\/s-o-s.net\/en_gb\/wp-json\/wp\/v2\/product\/7442","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/s-o-s.net\/en_gb\/wp-json\/wp\/v2\/product"}],"about":[{"href":"https:\/\/s-o-s.net\/en_gb\/wp-json\/wp\/v2\/types\/product"}],"replies":[{"embeddable":true,"href":"https:\/\/s-o-s.net\/en_gb\/wp-json\/wp\/v2\/comments?post=7442"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/s-o-s.net\/en_gb\/wp-json\/wp\/v2\/media\/7443"}],"wp:attachment":[{"href":"https:\/\/s-o-s.net\/en_gb\/wp-json\/wp\/v2\/media?parent=7442"}],"wp:term":[{"taxonomy":"product_brand","embeddable":true,"href":"https:\/\/s-o-s.net\/en_gb\/wp-json\/wp\/v2\/product_brand?post=7442"},{"taxonomy":"product_cat","embeddable":true,"href":"https:\/\/s-o-s.net\/en_gb\/wp-json\/wp\/v2\/product_cat?post=7442"},{"taxonomy":"product_tag","embeddable":true,"href":"https:\/\/s-o-s.net\/en_gb\/wp-json\/wp\/v2\/product_tag?post=7442"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}