topic Add a background image to a form in Lead Capture Tools

Add a background image to a form

KMcKeever — Thu, 28 Jan 2021 17:09:51 GMT

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!

Re: Add a background image to a form

Jake_Lett — Fri, 29 Jan 2021 11:02:49 GMT

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; }

Re: Add a background image to a form

JAmber — Tue, 22 Feb 2022 21:47:23 GMT

I make posters for music bands that perform in my music pub. That’s not my profession since I am not a graphic artist. The bands play for free, so these posters are not something I would be making money off. As you can imagine, putting an image of a musician onto colorful background is the simplest way to create a poster. I use https://create.vista.com/features/background-remover/ tool for changing background in a few clicks. That’s how I create most of the posters.