Idea testing
This page contains a selection of code examples / jottings / experiments created in response to questions posted on the Squarespace Answers website where I am one of the top rated contributors.
The page is getting pretty cluttered, so I've started moving the most popular code examples into the Squarespace Tips section of my website.
Click the link if you're looking for...
Read on if you're looking for something else
Tweet this links
Here's an inspiring tweet. Tweet this
Styling H5s in Markdown blocks:
Should be in Eurostile
Styling a div containing a link as a button in a Markdown block
Squarespace Tips
If you haven't done it already, now could be the time to enable SSL on your Squarespace website.
Search Console's Sitemap section can be misleading. Find out how to check the number of pages that Google REALLY has in its index for your Squarespace website.
Understanding how Internal linking, Topic Clusters and Pillar Pages can boost your Squarespace SEO.
If your Squarespace page is overloaded with hundreds of gallery images this free plugin is a great way to limit the number of gallery images in grid layout while having them all appear in lightbox view.
When an IFRAME embedded in a code block does not work on a Squarespace website the problem is usually that the embed IFRAME code is unsecure ( the IFRAME url begins with http:// ) and the page that contains the IFRAME code is secure (url begins with https://).
The Squarespace Code Connector is an incredibly useful utility that makes me faster and more accurate at developing custom CSS and injection scripts for Squarespace websites.
Check out my video to see the Squarespace Code Connector in action and hear me talk about its advantages.
If you use custom fonts on your Squarespace website you might have noticed 'font flicker' - also known as FOUT (flash of unstyled text) - the page initially displays in the default font and then swaps to the custom font, causing a distracting flicker.
Here's a fix that uses CSS3 animations to hide the flicker.
Squarespace automatically adapts your page layout for different screen widths but this can lead to some very long page lengths on mobile devices.
This free css plugin optimises page lengths by reducing the number of summary block entries on mobile devices .
Add the code in this article to Design > Custom CSS and your Squarespace search results will be a lot more useful to your site visitors.
It's easy to install the Facebook Pixel on a Squarespace site - just paste the code Facebook provides into the sitewide header code injection point - BUT this won't track the value of completed orders in the Facebook analytics system.