The Simple Piece of CSS I Use on Every Website I Build
It’s no secret that Squarespace is my favorite website builder. I’ve tried so many of the others and I keep coming back to Squarespace.
I think it is the best web builder for the DIY-er, but with a little custom code, an advanced designer can really create websites that have a next-level professional look.
*Disclaimer*
I would recommend leaving the more advanced custom coding to the professionals. Adding incorrect code to your site can really wreak havoc on your design and can cause your site to function improperly. However, the code listed here is totally simple enough that even a beginner can use it. If you can copy/paste you can add this to your site.
But What Is CSS?
CSS stands for Cascading Style Sheets, and is the code that affects the aesthetics of your site, like your fonts, colors, and page layout.
Simply put, CSS tells a web browser what your content should look like.
Make sense?
How to add CSS to your Squarespace site
Adding CSS is simple.
From your home section click Design. Then click Custom CSS.
Copy and paste your code in.
Then be sure to hit Save and Voila!
Ok, so what is the CSS that I put on EVERY Site?
Well, let’s talk about Automatic Hyphenation. Put simply, I am not a fan. Auto-hyphenation means that your text gets broken or hyphenated on smaller screens.
See the image below. On the left, the words “Rocking” and “helping” have been broken between two lines, with a hyphen….bleh! In the right image, the CSS I’ve added prevents this from happening with some handy dandy CSS…score!
Copy and Paste this into the Custom CSS section to prevent those nasty hyphens from making your site look DIY-ed.
//STOP HYPHEN//
p, h1, h2, h3 {
-webkit-hyphens: manual !important;
-moz-hyphens: manual !important;
-ms-hyphens: manual !important;
hyphens: manual !important; }
Happy Building!
Need help writing the perfect tagline for you website?
Click below to get my free guide, “3 Steps to Writing a Money-Making Tagline
