• 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

    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;

    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;

    background-color: #67cfd8;
    color: #fff;

    .wpcf7 p{


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


    January 6, 2014 at 9:19 pm #16937

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


    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.