Choosing colors for a new Squarespace site ironically is made much easier if you find good ways to limit your options. Otherwise the 16+ million colors from the color wheels become overwhelming. Perhaps ironically for artists, the rescue comes from mathematics.
Generate underscore hovers on links in your site menu with CSS border settings. When doing so you may need to adjust padding versus margin to control whether and how far your underscore hover extends left and right beyond each menu item's text.
Brand identity from a domain name is valuable. Small organizations with volunteer-built websites are often at risk for losing control over their names. Protect your organization's name by treating it as the important asset that it is.
Squarespace is a drag-and-drop website-builder for small organizations and creative professionals wanting a polished and functional web presence. Squarespace sites are quick to create and then “just work” without any worries over ongoing maintenance or version updates.
It's trouble when you serve two masters, and it's often trouble when a data element serves two purposes. I help a pastor avoid trouble by placing his sermons above the fold in a video blog done in the Squarespace Bedford template.
Many Squarespace templates indicate mobile menus by the so-called hamburger icon. Some argue that the hamburger is unintuitive. Templates like Five and Marquee make it easy to avoid the burger by substituting a clearly-labeled Menu button in its place.
Do you want page-specific footers in your template-driven Squarespace site? One footer design normally applies across all pages, but you can combine creative thinking with CSS rules to enable page-specific footers in your site design.
Building your Squarespace website in the Marquee template? Having trouble seeing or clicking on those little dots that make up the parallax navigation on the right side of your browser window? Here's a fun series of CSS mods to make that menu larger and more shapely.
A useful technique in web design is the use of distinctive background colors to provide visual separation between sections in a page. Squarespace customers can implement the technique using templates such as Bedford and Marquee that allow many individual pages to be concatenated into a single, index page.
My earlier post on Facebooking the Squarespace Flatiron shows how you never really leave your site's index page when viewing the gallery pages in your index collection. How then do you write CSS rules to affect just the index page, or just the gallery page, but not both?
Just one line of CSS is all it takes to add thumbnail images to your blog listings in Squarespace's Bedford template. Just a few more lines add even more impact by stretching those images to fill the content window like in the Marquee template.
Centering just one call to action button is easily done in Squarespace. But what if you have multiple buttons, and you want them in a row and centered as a group. That's a harder task, and I present in this post a fun hack to help you solve it.
Have you built a site on a Squarespace template such as Flatiron or Marquee supporting the concept of index pages or index collections? Do you post a page or a gallery link to Facebook only to be frustrated that Facebook ignores the metadata for the page you are posting and displays the index page's metadata instead? Keep reading! There's a perfectly logical explanation along with a dead-simple solution.
CSS style rules let you bust into full-on, creative mode when designing websites on the Squarespace platform. The Squarespace promise is one of gorgeous template designs that you build out with drag-and-drop ease. Yet no matter how good the template, there is always just that one little tweak that you want to make, that wasn't accounted for by the template's designer. Knowing how to create and apply CSS rules helps you avoid the cookie-cutter look by customizing your site's design beyond the limited set of choices provided by the template.
Consider social media from the very beginning when creating blog posts and other web content. Here are some tips for Squarespace customers on controlling the appearance of their content when it's linked to from someone's Facebook wall. Learn to control the thumbnail image, as well as the descriptive text and title that are displayed when a URL is pasted into a Facebook status update.