Breaking News
recent

Create Custom Scrollbar For Squarespace Website | Squarespace 7.1 Tutorial

Hey there amazing people. I am Rishabh and welcome back to my blog.

In this series of Squarespace 7.1 tutorials, today I am going to show you how you can customize the scroll bar of your Squarespace website in order to make your website stand out among all the usual websites out there. For this tutorial I have used a website of Squarespace version 7.1 but this trick would also wok on the older version of Squarespace. All you have do to is copy the following CSS code and paste it in the 'Custom CSS' section of your Squarespace website.
::-webkit-scrollbar { width: 25px; }
::-webkit-scrollbar-track { background: #bada55; } 
::-webkit-scrollbar-thumb { background-color: #3d3d3d; border-radius: 1rem; }
To know how you can further customize the website scroll bar using the above code, watch the entire video and then play around with the code.

#SquarespaceTutorial #SquarespaceTricks #Squarespace
Powered by Blogger.