Add Background Blur on Text Using CSS in Squarespace

Learn how to add background blur or 3d blur on text using custom CSS. We make this change on your Squarespace websites but it should work on any site. Let me know if it works for you, and enjoy!
Get started with your...
Squarespace Booking Website - • Create a Business Webs...
Squarespace Portfolio Website - • Create a Portfolio Web...
#squarespace #squarespacecss

[@hannahplatt7624]

Thanks!

[@narayguy]

Of course - glad you’re able to make the squarespace website come to life! 🖥

[@patryk222]

How do you blur background picture?

[@narayguy]

You can add a blur or a opacity color or darkness on an image using more css. try something like this :
img.background {
position: absolute;
left: 0px;
top: 0px;
z-index: -1;
width: 100%;
height: 100%;
-webkit-filter: blur(5px); /* Safari 6.0 - 9.0 */
filter: blur(5px);