Text box borders are invisible
-
Most of the contact form text boxes has invisible borders, except one. All text boxes use the same class ‘wpcf7-form-control’. I have tried setting the border manually in my theme option custom css, but did not work. Does anyone know how to get the text box border to appear?
[ Moderator note: please wrap code in backticks or use the code button. Do not use blockquote. ]
.wpcf7-form-control-wrap { border:1; border-color:#000; }
<p> Your Name (required) <span class="wpcf7-form-control-wrap your-name"> <input class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" type="text" aria-invalid="false" aria-required="true" size="40" value="" name="your-name"> </span> </p> <p> Your Email (required) <span class="wpcf7-form-control-wrap your-email"> <input class="wpcf7-form-control wpcf7-text wpcf7-email wpcf7-validates-as-required wpcf7-validates-as-email" type="email" aria-invalid="false" aria-required="true" size="40" value="" name="your-email"> </span> </p> <p> Wedding Date <span class="wpcf7-form-control-wrap your-subject"> </p> <p> Your Message <span class="wpcf7-form-control-wrap your-message"> </p>
Viewing 3 replies - 1 through 3 (of 3 total)
Viewing 3 replies - 1 through 3 (of 3 total)
- The topic ‘Text box borders are invisible’ is closed to new replies.