Focus Blurry Text on a Hover in Squarespace // Squarespace CSS Tutorial [Video]

Learn how to easily upload any fonts that you have on your computer to Squarespace, so you can use them on your website! This tutorial contains a little bit of coding to get your custom fonts onto your Squarespace site, but it's really easy! This is a great way to customize your Squarespace site and make your design unique.TIMESTAMPS:0:00 Intro00:36 Where to find the built-in Squarespace fonts01:05 Buying the correct font licenses02:50 How to Upload Custom Fonts to Squarespace (Getting the correct file types, uploading the fonts to Squarespace, coding in your font, applying it to different text styles)MENTIONED IN THE VIDEO: 👉🏼 Squarespace: https://squarespace.syuh.net/bigcatcreative * 👉🏼 Web Font Generator: https://www.fontsquirrel.com/tools/webfont-generator👉🏼 Looking for the codes from this video? Visit this post: https://bigcatcreative.com/blog/upload-fonts-squarespace to copy + paste all of the codes used in this video.🖥️ FREE TRAINING: DIY Your Dream Website - Join instantly here: https://bigcatcreative.com/free 💰 SQUARESPACE DISCOUNT CODE: Use code BIGCATCREATIVE10 for 10% off your first year of Squarespace! Sign up here https://squarespace.syuh.net/bigcatcreative *💻 Ready to up your Squarespace Website Design? Check out our Squarespace Template Kits: https://bigcatcreative.com/templates MORE GOODIES: 👉🏼 Visit our blog full of Squarespace Tips & Tricks: https://bigcatcreative.com/blog👉🏼 Follow us on Instagram: https://instagram.com/bigcatcreative *This is an affiliate link. I may earn a commission if you sign up using this link, at no cost to you, of course :) I only promote things that I love and recommend.

Let’s add this polaroid image effect to an image block in Squarespace. Complete with that textured feel of a polaroid, lighting, and arts-y tilts. Code: https://www.will-myers.com/articles/add-a-polaroid-image-effect-in-squarespaceTimestamps:0:23 - Installing the CSS1:33 - Adjusting the aspect ratio (height)3:06 - Adjust background & border colors6:19 - Target a different Image Block type7:07 - Target just one page8:09 - Rotate an ImageLearn CSS in Squarespace: https://www.will-myers.com/learn-css-in-squarespaceDonate: https://www.buymeacoffee.com/willmyersFacebook: https://www.facebook.com/willmyethewebsiteguyInstagram: https://www.instagram.com/willdashmyers/

Add a top menu navigation bar.Learn more at https://www.websiteotg.com

SQUARESPACE CLIENT VIDEO FOR CONSULTING PAGE