• crerem
    January 5, 2014 at 9:54 am #16487

    Here is the css for “Contact form 7″ – it will make the plugin forms looks like the one on wpestate (just add it at the end of style.css). This will be released with the 2.03 version.

    /* Contact form 7
    ————————————————————————————*/

    .wpcf7{
    width: 100%;
    float: left;
    background-color: #f7f7f7;
    border-bottom: 1px dashed #d0d0d0;
    position: relative;
    padding: 13px!important;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    }

    .wpcf7 input[type=text],
    .wpcf7 input[type=password],
    .wpcf7 input[type=email],
    .wpcf7 input[type=url],
    .wpcf7 input[type=number],
    .wpcf7 input[type=”tel”],
    .wpcf7 textarea {

    height: 24px;
    margin-bottom: 11px;
    font-family: ‘Arial’;
    font-size: 14px;
    padding: 8px 0px 8px 11px;
    color: #1a171b;
    border: 1px solid #e5e5e5;
    border-radius: 2px;
    background-color: #fff;
    box-shadow: none;
    }

    .wpcf7 textarea{
    height: 125px;
    width: 90%!important;
    }

    .wpcf7-submit{
    font-size: 16px;
    padding: 11px 22px 11px 22px!important;
    min-width: 167px;
    background-color: #fff;
    color: #1a171b;
    width: auto;
    text-align: center;
    display: block;
    float: left;
    padding: 0;
    text-decoration: none;
    cursor: pointer;
    box-shadow: none;
    border: none;
    margin: 0px 10px 22px 0px;
    line-height: 22px;
    }

    .wpcf7-submit:hover{
    background-color: #67cfd8;
    color: #fff;
    }

    .wpcf7 p{
    float:left;
    width:100%;

    }

    .wpcf7 input[type=email],
    .wpcf7 input[type=email]:focus{
    width: 274px!important;
    text-align: left!important;
    }

     

    Andrew
    January 6, 2014 at 9:19 pm #16937

    Thanks. However, the email address field does not show up correctly.

    http://i.imgur.com/aGd2XRf.png

    crerem
    January 7, 2014 at 7:03 pm #17187

    put text-alighn:center

    and same size as regular for .wpcf7 input[type=email]:focus

You must be logged in to reply to this topic.

Contact Us

We're not around right now. But you can send us an email and we'll get back to you, asap.