Adding Background Image to Form « Gravity Support Forums

Dusty
Member

Hello Team,

My goal is to set a 390px by 580px image called blue_background.png as the background image for my form.

I've followed the instructions here: http://www.gravityhelp.com/forums/topic/adding-image-border-to-form and have added the modified CSS to my custom.css file.

However, for some reason it's not working. I suspect there's a conflict with the Gravity Forms CSS added by WooThemes to my themes style.css.

Can you help me diagnose?

Here's the URL for the test form: http://bitcadet.com/test-form/

Regards,
DD

Posted 12 years ago on Sunday February 19, 2012 | Permalink
Rob Harrell
Member
Looks like you have one minor typo in your CSS, try replacing with this:
```
[css]
body #gform_wrapper_12 {
background-image: url(../images/blue_background.png);
background-repeat: no-repeat;
height: 580px;
width: 390px;
}
```
You had a space between "url" and the "(". Also, you probably need to update the path of your image, doesn't look like that file lives where you are pointing to.
Posted 12 years ago on Sunday February 19, 2012 | Permalink
Dusty
Member

Many thanks, Rob. That did the trick.

Posted 12 years ago on Sunday February 19, 2012 | Permalink
Rob Harrell
Member

Awesome - glad to help!

Posted 12 years ago on Sunday February 19, 2012 | Permalink

This topic has been resolved and has been closed to new replies.