Do you want to take your Squarespace skills and website to the next level?
This is an advanced course for designers and DIY business owners.
Get the code and design tips that I have used throughout the years to close the gaps caused by Squarespace template and platform 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.
What to expect
While I have learned a lot about CSS and HTML over the last couple of decades I would never claim to be a developer or coder. 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 also about: growing your coding confidence while cultivating your curiosity and having some fun!
→ Understanding the Basic of CSS and a few Tricks!
→ Lots of Advanced Design Tips
→ FREE Access to SEO Plus
→ FREE Private Facebook Support Group
The course is structured by website and page sections so that it’s easier for you to find code snippets. Linked (turquoise) lessons are completed, the rest I am working on as we speak.
2.1 What is good design?
2.2 General advanced design tips
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 Finding block IDs
3.11 Where to add CSS in Squarespace
3.12 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.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 Remove meta data (date, author, category, etc)
4.8.4 Increase sidebar (Bedford)
4.8.5 Add a blog post footer
4.8.6 Add blog subscription option
MODULE 5 – PLUGINS & APPS
5.3 Noughts & Ones Plugins
5.4 Ghost Plugins
MODULE 6 – RESOURCES
6.1 Online resources & links
6.2 Get professional coding and development help
Only $277.90 Until Further Notice
The regular price is $397 and the discount is automatically applied at check-out. REFUND POLICY: Due to the nature of digital products I am unable to offer refunds.
Save money with Bundles
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: Squarespace 101, 201, BizBox & SEO Plus