Adding a Background Image to a Form

 
block ID #{
background-image:
url(insert URL here);
background-size: cover;
color: white;
}

Switch things up from the standard Squarespace design of your form with a background image! Incorporate some simple custom coding into your website to design a unique form.

In this video I cover:

  • How to identify the content block where you will be placing your background image

  • The specific code used to achieve this look (see below)

SHOW NOTES

0:16 Identifying block ID code to change the form block

1:26 Adding code ID to custom CSS

2:00 Adding specific code to add background image

2:56 Changing background image size to fit the form

3:30 Changing form text color 

need even more help with squarespace?

Skip the overwhelm and have your website
designed and launched in just 5 days!

LEARN MORE

Previous
Previous

Cabin Fever Brand Design

Next
Next

Sacred Vibes Healing