Input Forms – Can't see borders

Homepage Community Forums Adapt Theme Support Input Forms – Can't see borders

  • This topic has 1 reply, 2 voices, and was last updated 11 years ago by Wes.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #2845
    dashinfashion
    Customer

      I see somehow that there aren’t any borders in any of my contact forms (for example my gravity forms) and also in my sign up to make a comment form. I see in the preview of my gravity form the borders appear correctly.

      How can I change this on the CSS? (both borders and background color for input area)

      See here for example of the comment form: http://www.affiliatefashionista.com/news/miss-blumarine-girl-fall-winter-2013-2014-fashion-show.html

      And here of an example of the contact form: http://www.affiliatefashionista.com/contactdashinfashion.html

      Thanks

      #2848
      Wes
      Moderator

        It looks like you removed the background color and border from your css. This is how it originally looks – http://demo.appfinite.com/ally/contact/. If you look around line 87 in your css you’ll see this –

        blockquote,
        input,
        select,
        textarea,
        .author-box,
        .breadcrumb,
        .sticky,
        .taxonomy-description,
        .wp-caption {
        background-color: #ffffff;
        border: 1px solid #ffffff;
        }

        ….it originally had this code –

        background-color: #f2f2f2;
        border: 1px solid #ddd;

        Since you changed them both to #fff (white) they can’t be seen.

        I’m guessing you were trying to edit a different part of your site. So if you need to keep the code as it is, you can always style the Gravity forms input separately by adding something like this to your css –

        .gform_wrapper input {
        border: 1px solid #ddd !important;
        }

        Let me know if that works

      Viewing 2 posts - 1 through 2 (of 2 total)
      • You must be logged in to reply to this topic.