Gravity Forms Design Issue

[Lisa at OG]

We are working on a client site and trying to add a background to one of the forms. 
We are using gravity forms on the Metric Theme Version 1, Genesis Version 1.8.1, 
and WordPress version 3.5. Here is my code:

/* Gravity Forms
-------------------------------------------- */
body #gform_wrapper_1 {
background: url(http://www.realsmart.ca/wordpress/wp-content/uploads/2012/12/Call-Real-Smart-Real-Estate-Training-Form.jpg) no-repeat 0 0 #FFFFFF;
background-border: 1px solid #CECECE;
border-radius: 12px;
padding: 58px 15px 15px 10px;
max-width: 89%;
}

body #gform_wrapper_1 .gform_footer {
padding: 10px 0px 0px 20px;
}

These changes are not showing up. When I use firebug it works but not when I actually 
enter the code into the css in editor. Any suggestions? I noticed that there are warnings 
on my Editor page from the last upgrade to Genesis BUT it said on the forum these would be 
resolved in the next Genesis release. Is this causing my issue perhaps?

URL http://www.realsmart.ca/contact/

Can anyone help?

[John]

Lisa,

Replace body with #content and I think you'll find it works. Gravity Forms tends to override any changes made in style.css, but adding an ID gives your change priority.

#content #gform_wrapper_1

John

---

John Sundberg | blackhillswebworks.com
A WordPress developer’s toolbox: Firebug | WordPress Codex | Google 😉

[John]

I just re-read what you wrote about the warnings in Editor. That may very well be why your changes aren't showing up.

---

John Sundberg | blackhillswebworks.com
A WordPress developer’s toolbox: Firebug | WordPress Codex | Google 😉

[GJudy]

I've had success with Gravity forms when I use a custom CSS editor.   Gravity's forums are extremely helpful as well.

[jonahgirl]

When code doesn't work but the same code works in Firebug...usually means the code isn't right. I noticed that the code you put in the post is missing a ";" at the end of the background line.

Sometimes it is something simple...

[Lisa at OG]

I want to thank you all for trying to help. It ends up that I was clearing my cache plugin BUT had not cleared the cache for Cloudflare for that specific CSS file and it was causing the issue. I had to go into the client's Cloudflare dashboard and specifically purge cache for the css. Arggghhhh!

[John]

Ahh, the joys of caching. Glad you got it figured out.

---

John Sundberg | blackhillswebworks.com
A WordPress developer’s toolbox: Firebug | WordPress Codex | Google 😉

[Author]

Posts