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.
Be sure to watch the video before you get started with the codes below so you know how to use them!
Here are some timestamps in case you want to skip ahead to a specific part of this Squarespace tutorial:
00:42 How to change the button text to anything you want
01:12 How to add fancy icons to your button using Unicode
02:22 How to find even more customization options for your button
For more creative code ideas, check out the related videos linked below.
Here are the codes from this tutorial:
.eventlist-button {
font-size:0!important
}
.eventlist-button:after{
content:"LEARN MORE →";
font-size:16px!important
}
- - -
Related Content:
📝 Original blog post → insidethesquare.co/squarespac...
🔣 Unicode character list→ insidethesquare.co/unicode
📺 Customize view event button style → insidethesquare.co/squarespac...
↔️ Full Width Event Page: Squarespace Design Hack → insidethesquare.co/squarespac...
📅 How to customize event date tags in Squarespace → insidethesquare.co/squarespac...
❤️ Support my channel → buymeacoffee.com/insidethesquare
📖 Learn how to use Squarespace → insidethesquare.co/start
🙋♀️ Have a question? Check out my code troubleshooting tips → insidethesquare.co/code-help
- - -
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 #SquarespaceTraining #eventmanagement #eventplanning #onlineevents #eventmarketing#SquarespaceTips #WebsiteDesign #BeginnerFriendly #FreeTraining #LearnSquarespace #WebDesignTutorial #SquarespaceHelp
#NewToSquarespace #SquarespaceSupport
1 июл 2024