How to Customize WordPress Scrollbar

At Ertano, we focus on practical web design strategies that help you build visually impressive and high-performing websites. You’ll learn step-by-step how to modify scrollbar colors, width, style, and behavior using CSS and simple customization techniques that work with most WordPress themes. Whether you are a beginner or an experienced web designer, this tutorial will help you refine your site’s design and stand out from the competition.

::-webkit-scrollbar {
    width: 4px;
}
::-webkit-scrollbar-track {
    background:transparent;
}

::-webkit-scrollbar-thumb {
    background: #3449C4;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #FFCF9C;
}

::-webkit-scrollbar-corner {
    background:transparent;
}

Ahura WordPress Theme

The Power to Change Everything

Elementor Page Builder

The most powerful WordPress page builder with 100+ exclusive custom elements.

Incredible Performance

With Ahura’s smart modular loading technology, files load only when they are truly needed.

SEO Optimized for Google

Every line of code is carefully aligned with Google’s algorithms and best practices.

Get the Theme