WordPress.org

1. Spudzinabag
   Member
   Posted 7 months 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 7 months ago #
   

   Hi you can try this one
   

   input.wpcf7-text {
       height: 20px;
       width: 200px !important;
   }

3. Spudzinabag
   Member
   Posted 7 months ago #
   

   That fixed it! Thanks!

Reply

You must log in to post.