How to add a button to a Squarespace video collection item tutorial

Squarespace video collections are a great way to organize a library of content, but the options for additional details are lacking 😬 in this tutorial, you'll learn how to turn a simple text-based link into a clickable button with some custom CSS.
You'll find the copy & paste code below, and in the video, I'll teach you how to customize it!
Here are some chapter markers in case you want to skip ahead:
0:41 How to edit an individual video description
01:02 How to create a text button in a video description
01:06 Uploading a PDF to your video link
01:59 Adding custom code to create the button
02:24 How to customize the code
Here is the code from this tutorial:
.lesson-item .lesson-details-description a{
background:#fff;
color:#333;
padding: 10px;
border:3px solid #333;
font-weight:bold
}
.lesson-item .lesson-details-description a:hover{
background:#333;
color:#fff;
}
Related Content:
📝 Original blog post → insidethesquar...
📺 Overview of Squarespace video pages → • Free Training: Squares...
❤️ Support my channel with a donation → buymeacoffee.c...
1️⃣ Add this code to a single collection page → insidethesquar...
📖 Learn CSS for FREE → insidethesquar...
📑 My Squarespace code collection → insidethesquar...
🙋‍♀️ Have a question? Check out my code troubleshooting tips → insidethesquar...
- -
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 ♥ #SquarespaceTutorial #CustomCode #VerticalVideoFormat #WebsiteDesign #SquarespaceTips #WebDevelopment #VideoCollection #CreativeDesign #OnlinePresence #Squarespace7.1 #WebDesignInspo #DIYWebsite #TutorialTuesday #ContentCreation #DigitalMarketing

[@TenaMooreDesigns]

I always look forward to your videos. Thank you! This is awesome. 🎉

[@InsideTheSquare]

You’re so welcome! 🥰

[@WhitneyMediaProductionsSanford]

Excellent video, thank you!

[@InsideTheSquare]

You're welcome! :)

[@lunabytea]

This is so helpful, thank you!

[@InsideTheSquare]

You’re welcome - glad you liked this one! 🥰

[@jasonfletcher914]

what is the selector you are using here so it doesn't apply to other portions of the website?

[@InsideTheSquare]

You'll find the code inside the description of this video; it's specific for a text link in that description area and won't effect other content areas on the site. If you'd like to learn more about basic CSS for Squarespace, you can check out this free training: insidethesquare.co/learn