Custom Scrollbar in Squarespace // How to change scrollbar color in Squarespace code tutorial
Scroll bar styles are a super easy thing to customize in your Squarespace site and this tutorial will teach you how!
---
This is just the start of all the cool things you can do with custom CSS! Learn the basics in my free class: https://insidethesquare.co/learn
---
Details are key to creating a cohesive brand, and a scroll bar can easily be overlooked. This tutorial will teach you how to create a custom scrollbar color so you can really make your Squarespace site unique!
Here is the code from this tutorial; be sure to adjust the color, border, and size to suit your style, and keep a high contrast!
::-webkit-scrollbar {
width: 20px;
}
::-webkit-scrollbar-track {
background: #e5f5f6;
border-left:1px solid #333
}
::-webkit-scrollbar-thumb {
background-color: #333;
border-radius: 1rem;
}
- -
🔗 RELATED VIDEOS 🔗
Learn about creating color codes:
https://insidethesquare.co/colors
How to change the color of gallery arrows in Squarespace 7 https://insidethesquare.co/squarespac...
How to change the color of header social icons on a hover https://insidethesquare.co/squarespac...
How To Create Unique Buttons in Squarespace https://insidethesquare.co/squarespac...
- -
💸 GET 10% OFF YOUR FIRST YEAR OF SQUARESPACE 💸
Use my affiliate link and code PARTNER10 - You'll save 10% off your first annual subscription & Squarespace will give me a little commission for sending you their way 😎
🔗 PARTNER10 → https://insidethesquare.co/partner10
- -
🤩 Download over 60+ pages of custom codes and pro tips for customizing Squarespace in one awesome PDF. Order the Squarespace CSS Cheat Sheet, available now at 👉 https://insidethesquare.co/css
---
🙋 Need some help? Visit https://insidethesquare.co/code-help to see my current support options.
---
🥰 SUPPORT MY CHANNEL → https://paypal.me/insidethesquare
💻 WEBSITE → https://insidethesquare.co
📧 NEWSLETTER → https://insidethesquare.co/email
🤳 INSTAGRAM → / thinkinsidethesquare
👍 FACEBOOK → / insidethesquare
📌 PINTEREST → / insidethesquare
---
The term "Squarespace" is a trademark of Squarespace, Inc. This video was not approved or endorsed by Squarespace, Inc. I just really love their platform ♥
Смотрите видео Custom Scrollbar in Squarespace // How to change scrollbar color in Squarespace code tutorial онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь InsideTheSquare with Becca Harpain 12 Июль 2022, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 2,598 раз и оно понравилось 53 людям.