Home › Forums › WoodMart support forum › Contact form 7 – Centering fields

Contact form 7 – Centering fields

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • August 31, 2020 at 11:28 am #222424

    BertranddesmetsWM
    Participant

    Hi,

    I am trying to center the fields of my contact form 7 with some custom CSS (Screenshot attached) but I cannot find the proper code line. I have managed to center the button with this:

    }
    .wpcf7 input,
    .wpcf7 textarea {
    width: 100%;
    }
    form.contact-form { text-align:center; }
    .wpcf7 label {
    display: block;
    }

    div.wpcf7 {
    max-width: 30em;
    margin-left: auto;
    margin-right: auto;
    }

    Any possible help?

    Thanks a lot!

    Attachments:
    You must be logged in to view attached files.
    August 31, 2020 at 12:42 pm #222449

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    I saw the screenshot you attached.

    Great that means you have managed to center the button using the Custom CSS you mentioned.

    And for the fields Please provide with the URL of the page to check it myself and help you out accordingly because the under construction mode is enabled .

    Best Regards.

    August 31, 2020 at 3:10 pm #222509

    BertranddesmetsWM
    Participant

    Hi,

    Thanks for your reply.
    Here is the URL, construction mode is now disabled.

    Regards,
    Bertrand

    September 1, 2020 at 6:31 am #222611

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

    .wpcf7 label {
text-align: center;
}

    Best Regards.

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