Adding Tab Style Buttons onto Images

Tips & TricksSquarespaceSqSp Supply RoomWeb Design

Nov 27

Your website buttons don’t have to be boring! Through this tutorial, learn how to customize your Squarespace website buttons to look like tabs on your images. This is a great way to draw attention to your latest offerings or special online freebies!

In this video I cover:

How to achieve this look through your Squarespace site styles menu
Overview of various ways to use this button on your website to inspire your website design

Show Notes

0:30 Adding image blocks

1:30 Adding button to image blocks

2:10 Editing buttons in Style Editor

3:00 Changing button separation setting

The following information was created for use with templates made with Squarespace 7.0.
Stay tuned for more tips and tricks for the new 7.1 platform!

Featured

BREAKING THE BOUNDARIES OF MOOD BOARD MOSAICS

Totally deconstructed. More white space, more breathing room. More color blocks, but all integrated into the collage vs. being stacked together. Still a brand-focused lifestyle image at the center grounding the collage as well as the brand. And little, layered type elements.

GET THE MOST OUT OF YOUR MOOD BOARD

Have I told you how much I love mood boards? They are crazy-crucial for my design process to make sure I'm on the same page with my clients. They probably take the most time out everything I work on in a branding project. I spend so much time curating images to make sure it's just right.

Why?