How to make a custom scrollbar with Elementor

Just Copy the code and place it in the custom CSS

/* width */
 ::-webkit-scrollbar {
     width: 20px;
 }
 /* Track */
 ::-webkit-scrollbar-track {
     box-shadow: inset 0 0 5px grey; 
     border-radius: 0px;
 }
 /* Handle */
 ::-webkit-scrollbar-thumb {
     background: linear-gradient(#ED6030, #EC4E57);; 
 }
 /* Handle on hover */
 ::-webkit-scrollbar-thumb:hover {
     background: #ee7601; 
 }

All of the colors and shadows may be changed directly in the code. For example, if you want to utilize a linear background on hover as well, simply copy the CSS from the handle and paste it into the hover CSS.

You Might Also Like…

How to Upload WEBP images in WordPress (Without Any Plugins)

Increase the Max Upload Size in WordPress Step by Step Guide

SEO Tutorial for Beginners: A Step by Step SEO Guide