Add a background image to a form

SOLVE
KMcKeever
Member

Hello! I am trying to add a background image or color to a form that will be embedded to my website. The page on my website is not a hubspot page. How can you change the background color or use an image as the background pattern for an embedded form?

 

Thanks!

0 Upvotes
1 Accepted solution

Accepted Solutions
BootstrapC
Solution
Top Contributor

If you have a professional or enterprise account you can customize the form styles. Here is the basic CSS style you would need to add to your page. If you have more than one form on a page you would need to use the form ID selector instead so the rule is more specific. If you are new to CSS here is more information on the background property https://developer.mozilla.org/en-US/docs/Web/CSS/background-image

.hs-form {
    background: url(https://dummyimage.com/600x400/000/fff.png) no-repeat;
}

  


Jacob Lett
HubSpot Marketing & Web Design Consultant
Creator of the Industrial Pro HubSpot Theme which helps manufacturers quickly build their website or blog on HubSpot.

View solution in original post

1 Reply 1
BootstrapC
Solution
Top Contributor

If you have a professional or enterprise account you can customize the form styles. Here is the basic CSS style you would need to add to your page. If you have more than one form on a page you would need to use the form ID selector instead so the rule is more specific. If you are new to CSS here is more information on the background property https://developer.mozilla.org/en-US/docs/Web/CSS/background-image

.hs-form {
    background: url(https://dummyimage.com/600x400/000/fff.png) no-repeat;
}

  


Jacob Lett
HubSpot Marketing & Web Design Consultant
Creator of the Industrial Pro HubSpot Theme which helps manufacturers quickly build their website or blog on HubSpot.

View solution in original post