For small business owners / solo-preneurs — you gotta be marketing everyday. Ideally, the first 30 minutes of everyday.

I recently found myself in a place where my sales were declining (as of the writing of this article, they’re still there). Initially I started to panic, but I’ve been in business long enough to realize that being reactive to that panicked feeling will only makes matters worse.

Once I spoke with some trusted friends and business mentors, I quickly realized my mistake (and I’d suspect a lot of other people have fallen into this trap as well):

I stopped marketing.

If you want to build your own website, whether its for a personal website, a portfolio website, or your business, this is where you should start.

In this tutorial, I teach you everything you need to know about building a basic, functional, well-designed website, from creating your account, to designing and building your pages, to getting your site launched and live on the internet.

It’s easy to build a website using Squarespace’s new 7.1 templates, and if you follow along step by step, you can have your new website built and live in a day.

No coding skills or advanced…

And other small business rhymes.

Their website looked terrible.
I mean totally un-shareable.

Ok, I’m done rhyming. But really, the website was awful.

As a millennial and a business owner, I was horrified. How could a business as successful as this one have a website that looked so outdated?

I’m not an arrogant person, especially when it comes to design, but I definitely felt like I could help them up their website game, thereby increasing their traffic, thus doubling their sales. The improvement in design and function would be so great, they would have to realize an increase in their bottom line.

At the time…

With video.

Squarespace 7.1 is out and a ton of the things are new. In this tutorial, I’m going to walk you through changing the background overlay opacity of a section.

In the video above. I walk through an example of adding a background image overlay opacity to a section in Squarespace 7.1.

Here is the exact code I used in my example.

.section-background-overlay {
opacity: .5;

Remember this won’t work on your website. Here are the elements you MUST change:

  • Collection ID (#collection-5d6fe5b703b5ca000149463f)
  • Pseudo Selector (section:nth-of-type(1))

Finding the Collection ID

  1. Navigate to the page…

DING! A new email!

To: Will Myers
From: John, the Client
Subject: Re: Logo Designs

“What made you think that was even appropriate to send us? We just spent the last hour making fun of all the logo designs you sent. I expect an explanation about why you thought these were good designs and new mock ups.”

I just sat there staring at my computer screen, the color draining from my face.

We had just mocked up some new logo designs for a client and sent them over asking for some basic feedback on which design direction they liked best…

Gradients are all the rage. Here is a quick tutorial on how to get them up and running on SS.

Video Walk-Through of Adding Gradients in Squarespace

I believe if you have a more thorough understanding of the code, you’ll be better and quicker at building websites, so I try to teach you how to do things yourself rather than just giving you the code.

Gradients are images! Not colors.

In order to process a gradient using CSS, you have to use the background-image (or background) property.

background-image:linear-gradient(to right, blue, red) !important;

There are a lot of values you can give the background-image including:

  • linear-gradient…

When I first started using CSS to customize my Squarespace website, I felt like a wizard.

I could have all of these really cool features on my website and I was using code to do it. That was really cool to me because it gave me a sense of independence and control. I could learn this really complex thing, all on my own.

Well, I was right and wrong. I quickly learned that just because I could paste some code quickly into the custom CSS area of Squarespace, didn’t mean that I necessarily knew what was happening. And while it…

I’ve been working on rebuilding my own company’s website, OTIS.soltions, for a while and when I saw 7.1 come out, I decided to totally scrap the 7.0 build and start in 7.1. So this article is coming from experience.

**Before jumping in, it’s worth noting that 7.1 is still in Beta. I would imagine that this means they’re still tweaking the underlying code and seeing which feature sets need to be improved or added.

So, what does this mean for the Squarespace designer?

From Squarespace’s About Squarespace 7.1

“Version 7.1 has new options that focus on flexibility and ease-of-use when you’re building and styling your pages.”

It’s definitely easier…

Will Myers

I design + build websites in Squarespace. Owner of OTIS Solutions. (

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store