Most Used Custom Codes in Squarespace

I love Squarespace because you can make a beautiful site without code, but these are the 3 codes I use ALL THE TIME to up-level and personalize my client’s websites.

1. CUSTOM FONT IN SQUARESPACE

squarespace custom code font

Watch this starting at 3:39

Head over to the custom CSS section of your Squarespace dashboard and then upload your font and add this code!

@font-face {
font-family: NEWYORK;
src: url(https://static1.squarespace.com/static/60661e17806161468599c5b5/t/613f9f1a9bfa067869e54a0d/1631559451265/NewYork.otf);
}
h3 {font-family: 'NEWYORK';}

2. Vertical Line

Watch this first.

Add code block with this <div class=”vl”></div>

Go to Custom CSS and add this code:

vl { background: #000000; width: 1px; height: 200px; margin: 0 auto; }

3. Overlap Icon

Watch this video.

Find the block code using the “Squarespace Collection/ Block Identifier” plugin for Chrome and then add that bit of code with margin-top after it and if you want it further up increase from 30% to 90% for example!

#block-yui_3_17_2_1_1618979555098_10962 {margin-top:-30%}

Get my favorite codes


HOW TO CUSTOMIZE YOUR SQUARESPACE WEBSITE →  with easy to implement codes!

⁠I’m going to teach you exactly how and where to add customizations to your website so you can WOW your ideal client and have a website that STANDS OUT!

I’ve got messy hair and a thirsty heart. 

I overshare my life, and have an ultra-expressive personality. Some words people use to describe me are: helpful, real, fun, creative, authentic, and kind.

Elphaba from Wicked is kind of my alter-ego as I am always trying to forge my own path and make a difference in the World, somehow, someway, while also constantly criticizing myself and trying to become the better version of me.

Quality conversations + coffee come easy to me. 

I’ve never had an issue connecting naturally with others (probs because I can go on and on about my life story, not that it is interesting, I just process externally, anyone else?!) 

I find so much joy in helping and serving others and I give myself fully to whatever it is that engages me, whether that is running a 50k or creating a website in a day.

Leave a Reply

Your email address will not be published. Required fields are marked *

have your website done quickly with intentional website strategy so you can book more clients and make more money doing what you love!

Web design for purpose-driven businesses ready to shine.

DESIGNING ON SHOWIT SINCE 2018

PORTFOLIO

Read The Blog

SEO COURSE

back to top

How to design a website in a weekend that converts!

Let's connect!

register now

LEARN HOW TO DIY YOUR WEBSITE IN THIS FREE MASTERCLASS!