How to Create Multiple Buttons for Image Blocks in Squarespace // Squarespace CSS Tutorial

In July 2022, Squarespace made a big change to the way sites are edited, and this tutorial is a little outdated! For the latest info, check out https://insidethesquare.co/fluid --- Sometimes one button just isn't enough! In this tutorial, we'll use some custom code to add multiple buttons to an image block, using the active link option in the text. --- 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 --- Modify the codes below to make those links inside image subtitles look like actual buttons! Try adjusting the background color, giving it a border, or anything else you want to see. You can have multiple buttons on one line, or separate them into their own individual lines. Here is the code that I shared in the video: .sqs-block-image a{ text-decoration:none; background: pink; padding: .5rem; border-radius: 10px; } /* This part is the hover effect */ .sqs-block-image a:hover { background:red; color:#FFF!important; box-shadow: 5px 5px 10px #222 } For a list of image block selectors (code names) grab the free PDF at https://insidethesquare.co/images - - 🔗 RELATED VIDEOS 🔗 How to add alt text to an image in Squarespace:    • How to add alt text to an image in Squares...   How to use new image shapes in Squarespace 7.1:    • How to use new image shapes in Squarespace...   - - 🤩 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 - - 💸 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 --- 🙋 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 ♥