skip to Main Content

How can I center the Submit button for Contact Form 7?

Example of the problem

It’s to the left. Here’s my code I’m using on the form page:

[text* Name placeholder"Name"] [text* Email placeholder"Email"] [text* Phone placeholder"Phone"] [text* Zipcode placeholder"Zipcode"] [text* Service placeholder"Service"] [submit “GET YOUR FREE QUOTE”]

I tried to put the tags but to no avail.

2

Answers


  1. For Edit Styling contact form use this link

    Login or Signup to reply.
  2. <div class="field-fname">
        [text* Name placeholder"Name"]
        </div>
        <div class="field-email">
        [text* Email placeholder"Email"]
        </div>
        <div class="field-phone">
        [text* Phone placeholder"Phone"]
        </div>
        <div class="field-zip">
        [text* Zipcode placeholder"Zipcode"]
        </div>
        <div class="field-service">
        [text* Service placeholder"Service"]
        </div>
        <div class="submit-btn" style="text-align: center;">
        [submit "GET YOUR FREE QUOTE"]
        </div>
    
    Login or Signup to reply.
Please signup or login to give your own answer.
Back To Top
Search