Скачать или смотреть How to add a background image to a Squarespace form

Tired of staring at that plain white background on your contact form?
Let's add a gorgeous custom background image with a few lines of code!

This tutorial will teach you how to upload the image & customize the #squarespacecss code to make your contact forms uniquely yours.

Here are the steps from this #squarespacetutorial & the codes you'll need to make this magic happen:
Step one: upload your custom image (website → website tools → custom css → custom files)
Step two: add this CSS code to your website

.sqs-block-form{
background-image: url(image-url-here);
background-size: cover
}

Step three: update the placeholder url of image-url-here with the url for the image that you uploaded

Step four: pat yourself on the back; you’re a coder now! 🙌🎉

Step five (optional 😉) Buy me a coffee to say thanks for this free tutorial: https://buymeacoffee.com/insidethesquare

Want to add an image to a specific form?
You can use a block ID or install the code on a single page. Check out these related videos to learn how:
1️⃣ How to customize one thing with code: https://insidethesquare.co/squarespac...

📄 How to add CSS to one page of your website:
https://insidethesquare.co/squarespac...
- -
⭐ NEW: grab the 5 codes I use on every site: https://insidethesqure.co/five
- -
📑 Get access to my collection of CSS codes for Squarespace at https://insidethesquare.co/css
- -
💻 WEBSITE → https://insidethesquare.co
📧 NEWSLETTER → https://insidethesquare.co/email
🤳 INSTAGRAM →   / thinkinsidethesquare  
- -
💸 GET 10% OFF YOUR FIRST YEAR OF SQUARESPACE 💸 Use my affiliate link and code INSIDE10 - You'll save 10% off your first annual subscription & Squarespace will give me a little commission for sending you their way 😎 🔗 INSIDE10 → https://insidethesquare.co/inside10
- -
The term "Squarespace" is a trademark of Squarespace, Inc. This video was not approved or endorsed by Squarespace, Inc. I just really love their platform ♥