Browser Scrollbar Color

Look Demo

Upgrade the look of the browser scrollbar. This plugin uses css editor and works with all template families.

How To Install

From your Squarespace account, go to the Custom CSS Editor. Copy and paste the code below into the Custom CSS Editor box.

// Browser Scroll Bar Color //

::-webkit-scrollbar {
    width: 12px; /* Scrollbar Thickness */
::-webkit-scrollbar-thumb {
    background: #30C08E; /* Scrollbar Color */
    border-radius: 50px; /* Rounded Corners */
  ::-webkit-scrollbar-track {
    background: #FFFFFF; /* Background Color */


Change the width, background, and border radius values to your liking.


No notes.