Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 6, 2017 at 5:06 am #730155
    Dee007

    Following your recommendation I have installed CF7 a few days ago and since then I have been trying to understand how to format it but with not much luck… it simply ignores what ever I am trying to do with it (including all options on this page), or effects other parts of the theme for some reason…

    The only thing I did manage to style is the submit… Like so:
    .wpcf7-form input.wpcf7-form-control.wpcf7-submit {
    background-color: #ff9900;
    font-size: 28px;
    font-weight: 500;
    width:50%;
    padding: 15px;
    border-radius: 10px;
    }

    What I would like to do:
    1. Name ([text* your-name]) and email ([text* your-email])input field: Have bigger fonts, bigger fields and at 50% each
    2. Have all textarea* smaller
    3. Center the submit button

    Would greatly appreciate any help on this

    January 9, 2017 at 8:43 am #731009
    Nikko

    Hey Dee007,

    Try the following css codes and add it on Quick CSS:
    1.)

    #top #main input.wpcf7-text {
    font-size: 18px;
    padding: 10px 20px;
}

    2.)

    #top #main textarea.wpcf7-textarea {
    height: 80px;
}

    3.)

    #top #main .wpcf7-submit {
    margin-left: auto;
    margin-right: auto;
    display: block;
}

    Hope this helps :)

    Best regards,
    Nikko

    January 9, 2017 at 8:09 pm #731265
    Dee007

    This is PERFECT!

    Thank you soooo much Nikko!

    Have an amazing day.

    D

    January 10, 2017 at 7:14 am #731409
    Rikard

    Hi,

    Great, glad we could help :-)

    Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Contact form 7’ is closed to new replies.