Gravity Forms Design Issue

Community Forums Forums Design Tips and Tricks Gravity Forms Design Issue

This topic is: resolved

This topic contains 6 replies, has 4 voices, and was last updated by  John 1 year, 9 months ago.

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #5226

    Lisa at OG
    Participant
    Post count: 106
    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?
    • This topic was modified 1 year, 9 months ago by  Lisa at OG.
    • This topic was modified 1 year, 9 months ago by  Lisa at OG.
    • This topic was modified 1 year, 9 months ago by  Lisa at OG.
    • This topic was modified 1 year, 9 months ago by  Lisa at OG.
    • This topic was modified 1 year, 9 months ago by  Lisa at OG.
    • This topic was modified 1 year, 9 months ago by  Lisa at OG.
    • This topic was modified 1 year, 9 months ago by  Lisa at OG.
    • This topic was modified 1 year, 9 months ago by  Lisa at OG.
    #5255

    John
    Participant
    Post count: 157

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

    #5260

    John
    Participant
    Post count: 157

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

    #5264

    GJudy
    Participant
    Post count: 63

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

    #5288

    jonahgirl
    Participant
    Post count: 5

    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…

    #5298

    Lisa at OG
    Participant
    Post count: 106

    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!

    #5432

    John
    Participant
    Post count: 157

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


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

Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.