Center entire form

  • I am wanting to center the form on the page but am uncertain how to do it. Can anyone help? I am using the following code 

    /* Contact Forms */

.wpcf7-form {
	background:#ffffff;
    color: #000000;
    border:1px solid #ffffff;
	border-radius:7px;
	width:auto;
	padding: 10px 20px;
	margin-bottom:10px;
}

.wpcf7 input[type=\"text\"],
.wpcf7 input[type=\"tel\"],
.wpcf7 input[type=\"email\"],

.wpcf7 textarea {
    background-color: #ffffff;
    color: #000000;
    height: 25%; /* use % for mobile view */
    width: 100%; /* use % for mobile view */
    border: 1px solid #000000;
    border-radius:7px;
}

    https://www.ads-software.com/plugins/contact-form-7/

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Takayuki Miyoshi

    (@takayukister)

    See Styling Contact Form

    Thread Starter MzBeanz

    (@mzbeanz)

    Thank you I did read that but I want to set the form to 8-% and then center the entire form on the page.. Can’t seem to get the code correct.

    Please include a link to your Contact Form 7 form so we can examine your form in detail using Firebug or Chrome Dev Tools to understand the CSS used for your CF7 form elements.

    Once we understand how the HTML and CSS is configured in your CF7 form, we should be able to see the CSS changes you need to change the appearance of the form to suit your requirements.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Center entire form’ is closed to new replies.