Tagged: , ,

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
  • #240228


    I would like to center a form on 2 of my pages. The website is http://www.terriblemeek.com/HOL-WP and the 2 pages that have the forms are: http://www.terriblemeek.com/HOL-WP/subscribe-here-for-our-newsletter and http://www.terriblemeek.com/HOL-WP/templates/get-involved

    There is so much white space. I would like to widen and center the entire form under the photo for the Subscribe page.

    Thank you sooo much!


    Hey HOLM2014!

    Please add following code to Quick CSS in Incarnation theme options under Styling tab

    input[type="text"] { width: 300px; }
    div.wpcf7 { margin-left: 15%; }



    Hi Yigit. The code worked great for the Get Involved Page but it didn’t do anything for the Subscribe page. Since my original submission, I had increased the width and the padding manually and that changed the color of the white space but the input boxes stayed to the left. Is there anything that I can do for the subscribe page? Since receiving your code, I reinserted the information and started from scratch and it still didn’t center the form. Thank you so much for your help and for looking into this for me; this is the very last issue for my clients as of today.



    Please add following code to Quick CSS as well

    .page-id-1196 form > div label, .page-id-1196 form > div input {
    margin-left: 35%;



    Hi Yigit
    Go ahead and close this issue. It didn’t cause the input boxes to move over but the owners are happy with my workaround.

    Thank you for your time!

Viewing 5 posts - 1 through 5 (of 5 total)

The topic ‘Centering Form’ is closed to new replies.