WordPress.org

Ready to get started?Download WordPress

Forums

Contact Form 7
[resolved] Changing Field Length: CSS problem (3 posts)

  1. Spudzinabag
    Member
    Posted 1 year ago #

    I'm trying to re size the field lengths in CSS and have come up against a problem. The message box re-sized per the CSS but none of the other fields (Name, Email, Subject) resize.

    Since the message field did re-size correctly I'm wondering if I have defined the other fields incorrectly in CSS? here is what I added:

    /*added to narrow contact form 7 text field*/
    textarea {
    height: 60px;
    width: 200px;
    }

    text* {
    height: 20px;
    width: 200px;
    }

    text {
    height: 20px;
    width: 200px;
    }

    email* {
    height: 20px;
    width: 200px;
    }

    subject {
    height: 20px;
    width: 200px;
    }

    Site is: http://test.fnfrepair.com/main

    Thanks

  2. biswajeet
    Member
    Posted 1 year ago #

    Hi you can try this one

    input.wpcf7-text {
        height: 20px;
        width: 200px !important;
    }
  3. Spudzinabag
    Member
    Posted 1 year ago #

    That fixed it! Thanks!

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic