The event collections in Squarespace are a great way to organize a scheduled of events, but the view event button is pretty boring. You can customize the style of it with code, but you can also change the text too! In this tutorial, you'll learn how to use custom CSS to change the view event button text into your own custom call to action.

Here are the codes used in this tutorial. Be sure to edit the margin values, and the font and text properties to suit the style of your own website.

📝 Original blog post → insidethesquare.co/squarespace-tutorials/view-event-button-text

🔣 Unicode character list→ insidethesquare.co/unicode

📺 Customize view event button style → insidethesquare.co/squarespace-tutorials/view-event-button-style

↔️ Full Width Event Page: Squarespace Design Hack → insidethesquare.co/squarespace-tutorials/event-page

📅 How to customize event date tags in Squarespace → insidethesquare.co/squarespace-tutorials/custom-event-dates

❤️ Support my blog → buymeacoffee.com/insidethesquare

📖 Learn how to use Squarespace → insidethesquare.co/start

🙋‍♀️ Have a question? Check out my code troubleshooting tips → insidethesquare.co/code-help