Glassmorphism with no code in Squarespace

👇Here are the step by step instructions to achieve a Glassmorphism effect on your Squarespace site.

1️⃣ Enter edit mode and add a text block.
2️⃣ Click on the pencil then click the paint bucket and set the background color to a light gray and set the opacity to around 30%.
3️⃣ If you like you can add a 2 pixel white stroke with opacity at about 30% and a corner radius.
4️⃣ Next add a shape block. Select a circle and turn off Stretch, then select a color. Turn on Blur and set it to around 50% then move the layer behind the text box

Hey 👋 I’m Jay!
I’m an Iowa based marketer whose bread and butter is making Squarespace websites. I work with several industries including e-commerce, non-profit, senior care, restaurant, retail, and education. I believe a simple website should be inexpensive, secure, and easily accessible. I’m here on YouTube to share my knowled