PLEASE NOTE: These forums are no longer utilized and are provided as an archive for informational purposes only. All support issues will be handled via email using our support ticket system. For more detailed information on this change, please see this blog post.

padding on input fields

  1. Hi. I have a form with labels I've put on the fields themselves but the client wants more spacing and padding around them. What can I do to push those in about three pixels on the top and left?

    screen cap: http://www.imagineutopia.com/wp-content/uploads/awebform.jpg

    thanks,

    John

    Posted 11 years ago on Thursday December 27, 2012 | Permalink
  2. Please post a link to the page on your site where the form is embedded. I tried the previous site you asked about, but it is showing under construction http://www.newhairutah.com/

    We can help you with the CSS at that point.

    Posted 11 years ago on Thursday December 27, 2012 | Permalink
  3. I've taken the coming soon off and it should be totally accessible.

    Posted 11 years ago on Thursday December 27, 2012 | Permalink
  4. I was taking a look at this and there are larger problems than 3px of padding. Here are a couple screenshots:

    Chrome 23 on Windows 7: http://minus.com/lxdx27kws4Usl
    Firefox 17 on Windows 7: http://minus.com/lLgAU4Uf1WJM7

    I was going to give you some CSS, but I didn't know which way we were going to be moving things.

    As an aside, how do you want to move the input boxes? "Push in about 3px on top and left"; do you mean add 3px of margin to the top and left sides, to move the inputs down and to the right?

    Posted 11 years ago on Friday December 28, 2012 | Permalink