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.

Field Borders and CSS

Gravity Support Forums » Plugin Support » Gravity Forms

  1. DBentzen
    Member

    I've reviewed several of the CSS posts including CSS_Targeting_Samples, Where_Do_I_Put_This_Code%3F and gravity-forms-css-targeting-specific-elements and have followed several examples. I am sure something about my theme is preventing my borders from being anything but white on white, no borders. I've changed themes and the forms look just fine.

    I added (as found in the posts)

    [css]
/* gravity forms text field */
body .gform_wrapper .gform_body .gform_fields .gfield input[type=text] { border:3px solid #ffffff; background-color:#f8f9fb; }  

/* gravity forms textarea field */
body .gform_wrapper .gform_body .gform_fields .gfield textarea {border:3px solid #ffffff; background-color:#f8f9fb; }

    expecting to see nice tidy borders, but alas, it was not to be. Just curious if anyone might have a suggestion. Most likely I'll change themes, but the powers that be like the one we've got. The forms work great with Twenty Eleven...

    Here's the page: http://ad-lan.com/signup/

    Any advice would be appreciated!

    - DB

    P.S. I'll probably end up taking my OWN advice and change templates...

    Posted 13 years ago on Tuesday October 25, 2011 | Permalink

  2. Chris Hajer
    Key Master

    I see it with the Twenty Ten (or Eleven) theme now.

    If you activate the original theme with the broken borders we can point you to the CSS you will need to fix to make it look nice.

    Posted 13 years ago on Tuesday October 25, 2011 | Permalink

  3. DBentzen
    Member

    Oops. Was working on it. I'll change it back...

    Thanks for the prompt reply Chris!

    - DB

    Posted 13 years ago on Tuesday October 25, 2011 | Permalink

  4. Chris Hajer
    Key Master

    This code:

    [css]
border:3px solid #ffffff;

    will give you 3px solid white borders. But you're already on white. Did you try a different color there, and did it work?

    Posted 13 years ago on Tuesday October 25, 2011 | Permalink

  5. DBentzen
    Member

    Lets try 000000, that should be a definite contrast...

    Posted 13 years ago on Tuesday October 25, 2011 | Permalink

  6. DBentzen
    Member

    Negative. I've put several variations in, it's still white on white. The background changes slightly from browser to browser, but no borders. Damn.

    Posted 13 years ago on Tuesday October 25, 2011 | Permalink

  7. DBentzen
    Member

    Here's the whole CSS.

    http://www.pastie.org/2754750

    The gravity forms styles are at the end...

    Posted 13 years ago on Tuesday October 25, 2011 | Permalink

  8. Chris Hajer
    Key Master

    The #000000 is working for me, Firefox 7.0.1 on Linux:
    http://min.us/m4IdBaK2W

    Clear the browser's cache, or use a completely different browser to see the results of your changes.

    You might have to do something with the state drop down, but the other fields have a black border now.

    Posted 13 years ago on Tuesday October 25, 2011 | Permalink

  9. DBentzen
    Member

    DOH! It looks like I missed a post; maybe I skipped submit. I thought I posted that once I deleted my cache, everything was fine.

    Chris, thanks so much for your efforts and the timely responses. You guys are great.

    - DB

    Posted 13 years ago on Tuesday October 25, 2011 | Permalink

  10. Chris Hajer
    Key Master

    Glad you got that resolved. Thanks for the update.

    Posted 13 years ago on Wednesday October 26, 2011 | Permalink

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