Center code not working for the contact form

  • Resolved CPR99

    (@cpr99)


    10 years ago

    Hi,

    I’m trying to center the contact form on my contact page. I have a shortcode on the page and I have used the center styling but it doesn’t have any affect on it. The only way I could do it is by putting this code in my child css:

    form {
margin: 0 auto;
width: 50%;
}

    but this messes with forms and boxes when viewing on a mobile. It seems a simple thing to do, but I can’t fathom it!

    Any help would be appreciated. My site is https://www.helenajohnson.net and I currently have the above code working so it will show as centered.

    Thanks

    Helen

Viewing 1 replies (of 1 total)
  • Thread Starter CPR99

    (@cpr99)

    Found a solution that seems to work fine.

    <center>
<table border="1">   (Try 0 or remove line if you don't want a border)
<tbody>
<tr>
<td>[contact-form 1 "Contact form 1"]</td> (Put shortcode for your form)
</tr>
</tbody>
</table>
</center>

Viewing 1 replies (of 1 total)
  • The topic ‘Center code not working for the contact form’ is closed to new replies.