The codes of the scrollbar in WordPress

There are 2 ways to style the scroll bar in WordPress

The first way;

By customizing the theme of WordPress

Then,

Choose

Put your codes;

Note: here, don’t put (<style> </style>)

The codes for copying

::-webkit-scrollbar{

width: 13px;

background: black;

}

::-webkit-scrollbar-thumb{

background-color: red;

border-radius: 20px;

height:370px;

}

::-webkit-scrollbar-thumb:hover{

background-color: black;

border-radius: 20px;

height:370px;

}

::-webkit-scrollbar-track{

background: pink;

margin: 50px;

}

::-webkit-scrollbar-track:hover{

background: silver;

}

I put those colors only for learning, so, please, change the colors as you wish

The second way;

By using Elementor;

Then,

choose html

Put your codes;

The codes for copying

<style>

::-webkit-scrollbar{

width: 13px;

background: black;

}

::-webkit-scrollbar-thumb{

background-color: red;

border-radius: 20px;

height:370px;

}

::-webkit-scrollbar-thumb:hover{

background-color: black;

border-radius: 20px;

height:370px;

}

::-webkit-scrollbar-track{

background: pink;

margin: 50px;

}

::-webkit-scrollbar-track:hover{

background: silver;

}

</style>

Thank you for your time to read this post