Squarespace 7.1 Custom Buttons - The be-a-little-different pack

Ready-to-go CSS for custom buttons in ANY Squarespace 7.1 website.

At Hackpacks, we don’t like to complicate things. We also understand that 'code' can be hella scary for many people, which is why our packs are super-duper simple to use.

The be-a-little-different pack is your chance to break free from the boring Squarespace button convention. Just pick your button, drop the code in and away you go.

Just like that. Easy peasy.

Take your pick. Whatever you feel like.

The Tweaker - Keeping it simple yet fun.

The Gro'val - A little bit in your face about things

The Signpost - Classy and understated.

The Leafyvibes - For the naturalist.

The Misfit - Getting weird. Life isn't a straight line.

The Actual Misfit - Getting weirder. Like, 'who is going to use this' weird.

.take-this-button, .and-this-button, .and-this-button {
every button look cool: yes please!;

}

We built out the CSS to target every single button in Squarespace 7.1. Set it once and see it across the whole site. We also leave colours alone. Change them directly in the editor as you usually would. Be as colourful as you please.

We also made it usable as Solid or Outline. It's nice to have choices.

Totally fair. To each their own right? Well, grab the pack and try tweaking them if you're feeling brave. The CSS is super simple to understand. We do the hard bit of making sure the button code gets targeted correctly across the site. Everything else is fair game. If you'd like to adjust the corner radius of one of our styles, have at it.

That's a wrap. Enjoy your button journey. Get weird.
With love from Hackpacks

Works tremendously well with our Custom Font Pack.

Check it out:

FAQs

Will this work with Squarespace 7.0?

❌ NO. Well, it will in some areas but not in all. You see, with the launch of Squarespace 7.1, all themes were combined into one cohesive unit, meaning that the same code works across any template you use. With Squarespace 7.0, this wasn't the case. You could try it, but depending on what theme you use, there are sure to be obscure areas of your site which will not pick up the new button styles.