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.

Need additional CSS tweak to center submit image

  1. Site: http://www.stillpointleadership.com

    Button in sidebar is using the code below which I found here on the forums to “center” it. However, it’s not perfectly centered because of the 20px left padding in place to move the fields off the edge of the page. I’ve tried switching order of code, adding zero padding and negative padding and margins and nothing seems to be fixing this.

    body.custom .gform_wrapper {
    padding-left: 20px;}

    body.custom .gform_footer input[type="image"] { border:none!important; margin:0px auto; display:block;}

    Any clues greatly appreciated.
    Thanks,
    Sheila

    Posted 12 years ago on Saturday April 7, 2012 | Permalink
  2. tanksalot
    Member

    Sheila, I am sure you'll get a better answer from one of the developers but I was able to move it by floating the button left and adding padding-left: 25px !important; to the button The text below just has to be separated so it does not float up.

    Posted 12 years ago on Saturday April 7, 2012 | Permalink
  3. That did the trick...thanks so much! Have a great weekend and any holiday you MAY be celebrating!

    Posted 12 years ago on Saturday April 7, 2012 | Permalink

This topic has been resolved and has been closed to new replies.