Superstyle Squarespace Sites with 6 Simple CSS Snippets | Kyle Domer | Skillshare

Superstyle Squarespace Sites with 6 Simple CSS Snippets

Kyle Domer, Squarespace, Email Design & Road Trips

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
7 Lessons (15m)
    • 1. Introduction

      1:37
    • 2. Horizontal Rule Styling

      3:15
    • 3. Wrap Grid Gallery Titles

      2:16
    • 4. Consistent Button Widths

      2:20
    • 5. Remove Hyphenation

      1:37
    • 6. Force Single Image Rows on Mobile Grid Galleries

      2:10
    • 7. Center Image Captions

      1:54
25 students are watching this class

About This Class

I've built over 100 Squarespace for small business clients in the last 3 years. Over the course of building this many Squarespace sites, I've come up with a set of CSS code snippets that I install into all of my sites from the beginning to make sure I get everything looking the way I like it. I'm not a developer, but I've figured out some minor CSS to help clean up some of the items in Squarespace that I think could be better, and now I'm going to show you how to use these snippets of code as well.

This class is for anyone who designs or manages Squarespace websites and wants them to look top notch. You don't need to know how to code, you don't even need to know what CSS is! I give you all the code you'll need in a downloadable PDF document, all you have to do is follow the directions to get the look you want.

These CSS snippets work on all Squarespace plans, and to the best of my knowledge, all templates within Squarespace. All you'll need to get started is a Squarespace website, a free trial is fine, and the PDF download I've provided that contains the snippets of code you'll be installing. Once you have those ready to go, let's get started!

Download the PDF of code snippets before you begin: https://drive.google.com/open?id=1ZlfCCQgFTaA6qeaGgrIgclTqK1SHZSNQ