Quickfire Squarespace Tip: use Spacer Blocks to break text

There are certain issues when formatting content to look best across all browser widths. You would naturally use line-breaks (pressing SHIFT + ENTER) on desktop widths to format the text— to make it easier to read. But that doesn't work on mobile. It looks awful when the text wants to naturally flow within its parent container. 

In Squarespace, instead of forcing line breaks in your text, just insert SPACER BLOCKS on both sides of your paragraph. They disappear on mobile widths, making them INCREDIBLY AWESOME for tweaks like this. 

In the video, I've added a full-wide Spacer Block to "cut the text apart". Then I drag/drop a few more, and make adjustments to center everything.

Squarespace docs on Spacer Blocks (that totally rhymes)

Using the Squarespace 7 Custom CSS Panel while in "DEV MODE"

This is a good thing to keep in mind, either for Developers handing-off client sites (for them to have CSS access) — or if you're a Designer who has hired a Developer to work on some advanced code in the Squarespace Developer environment, and you still want access to all or part of the template's CSS...

Fact: in "Developer Mode", you can still access the Custom CSS panel in Squarespace. 

This is handy to bring some of the styles-forward into the consumer-side of Squarespace. This can allow client access to a selection of styles. 

Additionally, this means that in "Developer Mode", any other developer can inspect the code in a browser and add his/her override classes to the CSS and add those overrides to the Custom CSS panel. 

Just know that the Squarespace Custom CSS panel code will load LAST, meaning that the overrides applied to the panel will "win" in the browser. (That's a cool bit of engineering, isn't it!?) 

This rather kludgy, unedited training video was recorded by Squareflair at the time of "development hand-off". While representative of the design and development available on the Squarespace platform, each project is unique and completely custom for each application.

Third party brands and images are copyright to their respective copyright holders. Copyright 2011-2014 Creative Component, LLC. | www.squareflair.com