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.

Submit button alignment

  1. michaelmjc
    Member

    Hi there,

    I know there's lots of different posts on this, however, it seems everyone's theme varies how this will look. I would like the submit button to be on the right hand side underneath the other form elements.

    http://yyzdesign.com/abq-albuquerque

    Can someone give me some insight as to how I can do this?

    Thanks so much,
    Mike

    Posted 6 years ago on Friday February 22, 2013 | Permalink
  2. Richard Vav
    Administrator

    Hi Mike,

    Try adding the following to your themes style sheet, it will make the buttons container, the footer, the same width as the other field containers and float it to the right.

    [css]
    .gform_footer.top_label {
    width: 49%;
    float: right;
    }
    Posted 6 years ago on Friday February 22, 2013 | Permalink
  3. michaelmjc
    Member

    Hey Richard,

    Thanks so much for your response. In hopes of not sounding like a complete noob, where exactly am I inputting that text?

    Posted 6 years ago on Friday February 22, 2013 | Permalink
  4. Richard Vav
    Administrator

    No problem, depending on who made your theme if you look in the folder that contains your theme you should find a file called styles.css you can place that code snippet in there.

    Posted 6 years ago on Friday February 22, 2013 | Permalink
  5. michaelmjc
    Member

    Thanks again. Unfortunately it seems that hasn't moved the button. Is there a specific place in that file I should input this?

    Posted 6 years ago on Friday February 22, 2013 | Permalink
  6. michaelmjc
    Member

    Nevermind, I guess I AM a noob. I had the numbers to the left in the code too.

    You are awesome Richard. Thanks for your time! :)

    Posted 6 years ago on Friday February 22, 2013 | Permalink
  7. Richard Vav
    Administrator

    No problem, just one point though, I forgot to mention it before but that code will apply site wide, if you only want it to apply to that form you should prefix it with the form number like so

    [css]
    #gform_wrapper_29 .gform_footer.top_label {
    width: 49%;
    float: right;
    }
    Posted 6 years ago on Friday February 22, 2013 | Permalink
  8. michaelmjc
    Member

    It was so perfect it went site wide. I was dreading the fact I may have to input it on each page. Lifesaver.

    Posted 6 years ago on Friday February 22, 2013 | Permalink
  9. Thanks Richard.

    Posted 6 years ago on Saturday February 23, 2013 | Permalink

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