All Articles
Mega Menu in Squarespace 7.1
Easily add a Mega Menu to your Squarespace 7.1 website. With my simple copy and paste code and clear installation video, you'll be up and running in no time.
✓ Super Easy Installation
✓ Easy to Edit
✓ Add Content Using Squarespace Blocks
✓ Easy to Hand-off
✓ Mobile Friendly
Super Easy Mega Menu for Squarespace 7.1
Mega Menu’s are all over the place in website-land these days. Unfortunately, Squarespace doesn’t have a native way to build these out, so in this tutorial I’m going to show you how to build one.
Targeting Image Blocks & Summary Images in Squarespace
Finding and using CSS that others have shared is a key skill in becoming an expert web designer and developer. So in this tutorial. I’m going to show you how to apply the code, that Polypane has shared, to a few images in Squarespace, specifically, to Summary Block images & Image Block images.
Squarespace Background Image Effects
Parallax is back in Squarespace 7.1, plus more, with Image Effects for background images in sections! Currently there are 7 different Image effects. Check them out here.
Plugin Update - Split Sections Version 3.0
New Features & Updates
Works in Squarespace 7.0 - this plugin now works in Squarespace 7.0 Brine websites.
Multiple Sections per Group - add 2, 3, 4 or more sections to a split group. You can even customize each sections width.
Enhanced Sticky mode - no need to add CSS to make a section sticky, just enable it in the code block.
Improved Color Management - The background color of the sticky section is improved.
How to Style Individual Category Tags in Squarespace
Tutorial on how to style individual category tags in a Squarespace summary block. We’ll use the attribute selector to select an element by its href value.
Add Secondary Navigation to Your Squarespace 7.1 Website
Time to add that secondary navigation to your entire website or maybe just a product page. In this tutorial, I walk you through installing the free version of my secondary navigation plugin.
Secondary Navigation in Squarespace 7.1
✓ Super Easy Installation
✓ Fully Customizable
✓ Simple Nav Mode
✓ Easy to Hand-off
✓ Multiple Styles
✓ Mobile Friendly
Secondary Navigation for Squarespace 7.1 Plugin Demo
I just finished building a secondary nav for Squarespace 7.1 websites. It’s similar to what we had for 7.0 Brine templates and it also has some additional features. You can check out the demo here.
What is a block id in Squarespace and how to find one
Let’s say you found an awesome plugin that makes your summary blocks look amazing, like this one on Ghost Plugins. However, you only want it to apply to one summary blocks. How do you do that? In this tutorial, I’m going to explain what a “Block ID” is, how to find it, and how to use it to apply code to just one block in Squarespace.
Accordion Dropdown
✓ Super Easy Installation
✓ Edit The Content in Your Accordion without Code
✓ Customizable CSS
✓ Multiple Accordion’s Per Page
✓ Mobile Friendly
Accordion Dropdowns in Squarespace
In this tutorial, I’m going to go over how to build some basic accordion dropdowns for Squarespace. This will work in any Squarespace template. I also have a plugin available for whoever doesn't want to get into the code of it all.
Same Height Summary Block Items
In this tutorial, I’m going to go over how to make all the summary item’s for a blog post the same height, PLUS I’m going to go over how to make the first item full width while the rest stay in columns.
Breakout Images on Narrow Blog in Squarespace 7.1
Breakout images aren’t available yet in Squarespace 7.1 blogs, but in this tutorial I show you how to get them back.
Blog Post Banner image Styles
✓ 6 Different Styles
✓ Super Easy Installation
✓ Works in Squarespace 7.1
✓ Works in Squarespace 7.0 Brine Family
✓ 6 Different Blog Post Layouts
✓ Customizable Per Post or Entire Blog
✓ Mobile Friendly
Stripe’s New Website
Stripe has updated the design on their website and it looks great. Where my web design nerds at!?
CSS Entities (Changing Default Bullet Types)
Have you ever used the content:””; property in order to create a pseudo-element? Well there are tons of things you can do instead of just using this property for a blank element to create an image or video overlay. Like, say, changing the default bullet icons in Squarespace.
Tabs (For Blocks)
✓ Super Easy Installation
✓ Edit The Content of Your Tabs Normally
✓ Customizable CSS
✓ Multiple Tab Groups per Page
✓ 3 Designs To Choose From
✓ Mobile Friendly
Tabs (For Sections)
✓ Super Easy Installation
✓ Great for Gallery Sections
✓ Edit The Content of Your Sections Normally
✓ Customizable CSS
✓ Multiple Tab Groups per Page
✓ Mobile Friendly
How to Add Tabs In Squarespace 7.0 and 7.1
In this tutorial, I walk you through how I build tabs in Squarespace. If you’re a designer and just wanting a quick and easily solution to adding tabs to your site, I have a plugin for that, check out the bottom of this article for a Free Demo of how to add tabs.