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.

CSS shade form box

  1. How do I shade a form a certain color? I believe that deals with CSS? I am trying to figure out CSS, I am not to familiar.

    Do I go into the theme CSS, or the CSS for gravity forms. If I go into the theme for gravity forms where do I put in certain CSS code.

    For example

    If I wanted to take the below code and make a red box around my form, where would I stick this?
    body .gform_wrapper { border:1px solid red }

    Posted 14 years ago on Tuesday May 10, 2011 | Permalink
  2. You would add custom CSS to your themes stylesheet. You wouldn't edit the Gravity Forms stylesheet. You would write custom CSS to target and style specific form elements the way you want them to be and add this so your themes stylesheet file.

    Documentation for how to target and style form elements can be found here:

    http://www.gravityhelp.com/documentation/page/CSS_Targeting_Samples

    Posted 14 years ago on Tuesday May 10, 2011 | Permalink
  3. I found the place I need to put the CSS, now how can I add padding to the border so it looks better? Here is the site http://www.valueemployees.com/paypros/

    Posted 14 years ago on Wednesday May 11, 2011 | Permalink
  4. You would add padding to the same CSS selector you are applying that red border too. So you'd add like padding: 10px; to your CSS. You may want to look up some tutorials on CSS.

    Posted 14 years ago on Wednesday May 11, 2011 | Permalink
  5. just add more properties to the rule you've already got working

    [css]
    body #gform_wrapper_1 .gform_body { border:1px solid red;  padding:20px }

    screenshot: http://grab.by/a6AH

    If you're new to CSS, I suggest reading up here. It will help out a lot.

    http://w3schools.com/css/default.asp

    Posted 14 years ago on Wednesday May 11, 2011 | Permalink
  6. I am new and I want to learn, so thank you for the reference. This helps a ton.

    Posted 14 years ago on Wednesday May 11, 2011 | Permalink
  7. Wonderful. We're here to help if you get stuck.

    Posted 14 years ago on Wednesday May 11, 2011 | Permalink