Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #730155

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


    Hey Dee007,

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

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


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


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

    Hope this helps :)

    Best regards,


    This is PERFECT!

    Thank you soooo much Nikko!

    Have an amazing day.




    Great, glad we could help :-)

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

    Best regards,

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