How to keep event info visible on a scroll in Squarespace // Squarespace Sticky Event Info Tutorial
This quick tutorial will show you how to create “sticky” event info so that it stays at the top of the screen on an individual event page.
---
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
---
There is a part of this code you’ll need to change to make sure it looks perfect on your own site. Your values will need to be larger or smaller depending on the font that you are using. I recommend using an absolute value like PX or REM. You can learn more about values at https://insidethesquare.co/resources/...
Here is the code featured in this Squarespace tutorial:
.eventitem-title {position:sticky!important; top:5vh!important}
.eventitem-meta{position:sticky!important; top:15vh!important}
.event-meta-addtocalendar-container.eventitem-meta{position:sticky!important; top:25vh!important}
- - -
💸 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 ♥
Смотрите видео How to keep event info visible on a scroll in Squarespace // Squarespace Sticky Event Info Tutorial онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь InsideTheSquare with Becca Harpain 05 Июль 2022, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 1,335 раз и оно понравилось 25 людям.