Take your Squarespace Skills to the Next Level!
This is an advanced course for designers and DIY Website owners
Get the code and design tips that I have used throughout the years to close the gaps caused by Squarespace template limitations.
I’ve been a Squarespace fan for 10+ years and since becoming a professional designer in 2014 I’ve built more than 80 websites for entrepreneurs and small businesses. Everything I share in this course is based on real-life examples. I am also officially endorsed by Squarespace as an Authorized Trainer.
making Good Design Happen
This course is not about teaching you how to write code, it’s about knowing where to find the code you need and how to use it effectively to create a stunning website.
While I have learned a lot about CSS and HTML over the last couple of decades I would never claim to be a developer. I am a designer and a very thorough and happy tinkerer. I find most of my coding solutions by googling them and occasionally with the help of kind developers who are sharing their knowledge. After all these years I still get excited when I find a coding solution and see it work!
And that’s what 201 is all about: growing your CSS and design confidence while having some fun!
→ 75+ CSS and Coding Snippets
→ Understanding CSS and a few Tricks!
→ Advanced Design Tips
→ 20% Discount Code for Squarespace
The course is structured by website and page sections as well as content elements, to make it easier for you to find code snippets. I actually use my own course these days to look for code!
MODULE 1 - Welcome
MODULE 2 - Good Design
MODULE 3 - CSS Basics
3.1 CSS Syntax
3.2 Nested and bundled selectors
3.3 How to write CSS
3.4 Using Comments
3.5 Using the !important rule
3.6 Mind your quotation marks
3.7 A little trick to identify the correct target
3.8 How to find selectors in Squarespace
3.9 Know your target
3.10 Mind your ID’s and YUI’s
3.11 Finding block and page IDs
3.12 Where to add CSS in Squarespace
3.13 Organize your code snippets
MODULE 4 - CSS Code
4.1 Header, Banner & Navigation
4.1.1 Style site title
4.1.2 Banner Image Inset
4.1.3 Border under header
4.1.4 Hide logo on homepage
4.1.5 Style navbar folder (Bedford)
4.1.6 Fixed header and navigation (Brine)
4.1.7 Hide Sign In link in nav bar (Bedford)
4.1.8 No banner overlay on select pages/sections
4.1.9 Custom section divider under banner
4.2.1 Full-width Instagram block in footer
4.2.2 Auto-update copyright year
4.2.3 Add background image or gradient color
4.2.4 Change font styling in footer (Bedford)
4.2.5 Add a border with a negative margin logo
4.3 Content Blocks
MODULE 4 - Continued
4.4 Page Elements
4.4.1 Hide header and footer on one page only
4.4.2 Index section background color
4.4.3 Website background image (Bedford)
4.4.4 Increase width of blog sidebar (Bedford)
4.4.5 Add back-to-top button to index page
4.4.6 Fixed folder sidebar (Bedford)
4.4.7 Use spacers to narrow page content blocks
4.4.8 Use anchors to organize & navigate content
4.5 Text Styling
4.5.1 Add custom font
4.5.2 Special headings (h4, h5, h6)
4.5.3 Turn off the annoying auto-hyphenation!
4.5.4 Change content of fixed text elements
4.5.5 Remove link underline (Brine)
4.5.6 Style individual words within a paragraph
4.6 Mobile Tweaks
4.6.1 About the @media rule
4.6.2 Change hamburger/mobile menu icon to text
4.6.3 Align gallery images on mobile
4.6.4 Different banner image on mobile
4.6.5 Center left/right aligned buttons on mobile
4.6.6 Center footer text blocks on mobile
4.6.7 Hide blog sidebar on mobile (Bedford)
4.7 Custom Classes
4.8.1 Nicer share buttons for older templates
4.8.2 Sidebar plugin for templates without sidebar
4.8.3 Increase sidebar width (Bedford)
4.8.4 Add a blog post footer / blog post template
4.8.5 Let readers subscribe to your blog
MODULE 5 - Plugins
MODULE 6 – Help
Looking For Hands-On Support?
Check out my bundles below, they come with exclusive access to my private Facebook group where I offer support and also share the latest Squarespace news.
Refund and Discount Policy:
Due to the nature of digital products I am unable to offer refunds. Discount codes can be applied to full payments.
Save money with Bundles
The perfect bundle for those who enjoy designing their own website and want to learn the ins and outs from a pro.
Includes: 101, 201 and SEO Plus & Access to Private Facebook Group
Learn to be a pro from a pro! This is the perfect all-in-one package for new designers who want to get a head-start.
Includes: 101, 201, BizBox, SEO Plus & Access to Private Facebook Group