• 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>

    https://www.ads-software.com/plugins/contact-form-7/

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.