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 Border works around some but not all boxes

Gravity Support Forums » Plugin Support » Gravity Forms

  1. Mike Mueller
    Member

    I did a search here and found the following css answer to get the border to work around my form fields but it doesn't work for all the boxes. What is missing?

    .gfield input[type="text"] {
    border: 1px solid #CCCCCC !important;
    border-radius: 2px 2px 2px 2px !important;
    color: #888888 !important;
    font-family: inherit !important;
    font-size: 14px !important;
    padding: 2px !important;
}

    Sample form is up on the site here: http://areweconnected.com/the-social-media-revamp/
    Thanks!
    :)

    Posted 11 years ago on Sunday January 13, 2013 | Permalink

  2. Chris Hajer
    Key Master

    You did not target all the input types: just "text". You need to target more input types. Try this CSS instead:

    [css]
.gfield input[type="text"],
.gfield input[type="tel"],
.gfield input[type="url"],
.gfield input[type="file"],
.gfield input[type="email"] {
    border: 1px solid #CCCCCC !important;
    border-radius: 2px 2px 2px 2px !important;
    color: #888888 !important;
    font-family: inherit !important;
    font-size: 14px !important;
    padding: 2px !important;
}
    Posted 11 years ago on Sunday January 13, 2013 | Permalink

  3. Mike Mueller
    Member

    That worked perfectly! Thanks Chris!

    Posted 11 years ago on Sunday January 13, 2013 | Permalink

  4. Chris Hajer
    Key Master

    You're welcome.

    Posted 11 years ago on Sunday January 13, 2013 | Permalink

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