Tagged: , ,

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

    Hi,

    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!

    #240909

    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%; }

    Cheers!
    Yigit

    #240948

    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.

    #241189

    Hey!

    Please add following code to Quick CSS as well

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

    Regards,
    Yigit

    #241283

    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.