Contact Form not Aligning

  • kaycidecker

    (@kaycidecker)


    11 years ago

    kaycidecker.com
    (under “contact”)

    For some reason, I can’t get my contact form to align. It seems like I have tried editing every single thing i can under wpcf7 in my theme’s stylesheet, and I have even tried changing the coding in the actual contact form. I have also reinstalled the form, used my theme’s recommended coding for the form, and nothing seems to work.

    Help!

    https://wordpress.org/plugins/contact-form-7/

Viewing 1 replies (of 1 total)
  • Thread Starter kaycidecker

    (@kaycidecker)

    11 years ago

    This is what is in my stylesheet

    /*Home contact section*/

    .wpcf7 .contact-input input, .wpcf7 textarea.wpcf7-form-control.wpcf7-textarea {
    border: 2px solid #333;
    margin-bottom: 0px;
    padding: 0px 0px;
    background: none;
    }

    .wpcf7 input.wpcf7-form-control.wpcf7-text {
    width: 100%;
    float: NONE;
    margin-right: 1.3%;
    margin-left: 10%;
    }

    }

    .wpcf7 div#messagearea {
    float: none;
    width: 100%;
    }

    .wpcf7 textarea.wpcf7-form-control.wpcf7-textarea {
    height: 200px;
    resize: none;
    margin-left: 10px;
    margin-bottom: 5px;
    width: 100%;
    }

    .wpcf7 #messagesubmit {
    width: 35%;
    }

    .wpcf7 input.wpcf7-form-control.wpcf7-submit {
    width: 35%;
    background: none;
    color: #333333;
    border: 2px solid #333;
    margin-left: 100px;
    padding: 0px;
    }

    .wpcf7-response-output, .wpcf7-display-none, .wpcf7-validation-errors {
    border: none!important;
    }

    span.wpcf7-not-valid-tip {
    display: none!important;
    }

    .wpcf7-not-valid {
    border: solid 2px #333!important;
    padding: 0px!important;
    }

Viewing 1 replies (of 1 total)

The topic ‘Contact Form not Aligning’ is closed to new replies.