Browser Scrollbar Color

Install Steps

Browser Scrollbar Color

Submitted by Moov Labs Works with all template families

Ghost_Black.gif

Step One

From your Squarespace account, go to the Custom CSS Editor: Design > Advanced > Custom CSS

Step Two

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 */
}

Step Three

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

Save and refresh the page. 👍

Moov Labs