PLEASE NOTE: These forums are no longer utilized and are provided as an archive for informational purposes only. All support issues will be handled via email using our support ticket system. For more detailed information on this change, please see this blog post.

Changing background

  1. ellisoncreative
    Member

    Hi,

    I'm trying to add a background color to my form. I tried using the code from http://www.gravityhelp.com/forums/topic/change-background-color but I got a white screen and I had to restore my site. I'm kind of an idiot when it comes to coding, and was wondering if you could explain to me exactly what I need to do. Like I said, I tried following the post above...but I apparently screwed it up! :)

    I'm using the Avada wp theme, so I don't know if that has something to do with it...but the form shows up just fine so I don't see why I wouldn't be able to change the colors.

    Here's a link to my form...http://69.195.124.81/~intechfu/how-to-apply/

    Thank you!!!

    Posted 11 years ago on Friday February 22, 2013 | Permalink
  2. ellisoncreative
    Member

    Oh...When I post the code in the style.css nothing happens....when I post it in the custom_functions.css that's when I get the whitescreen. So...I'm doing something wrong.

    Posted 11 years ago on Friday February 22, 2013 | Permalink
  3. That post you referenced would be correct in changing the background color of the form wrapper. I'm not familiar with that theme though - where exactly were you placing the CSS in style.css and does your theme have specific instructions on where or how to place custom CSS?

    Posted 11 years ago on Friday February 22, 2013 | Permalink
  4. ellisoncreative
    Member

    Hi,

    I didn't even think to check my theme options! There is a section to drop in custom code and it worked! But now the grey background is touching the sides of the form and there is no extra space on the sides...any way to fix that?

    http://69.195.124.81/~intechfu/how-to-apply/

    And THANK YOU for your reply...it just took your comment about custom css to make me figure it out. :)

    Posted 11 years ago on Friday February 22, 2013 | Permalink
  5. No problem, all you need to do is add some padding, so your CSS would like so:

    [css]
    body .gform_wrapper {
    background-color: lightgrey;
    padding: 10px;
    }
    Posted 11 years ago on Friday February 22, 2013 | Permalink
  6. ellisoncreative
    Member

    PERFECT! You rock my socks off. Thanks!

    Posted 11 years ago on Friday February 22, 2013 | Permalink
  7. Right on, glad to help! ;o)

    Posted 11 years ago on Friday February 22, 2013 | Permalink

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