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: https://youtu.be/tcFPMn9qC50
How to use new image shapes in Squarespace 7.1: https://youtu.be/YPtzIbOymKA
– – –
🤩 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 → https://www.instagram.com/thinkinsidethesquare
👍 FACEBOOK → https://business.facebook.com/insidethesquare
📌 PINTEREST → https://www.pinterest.com/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 ♥
