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.

Spreading prev - next buttons

  1. Tim
    Member

    Hi there..

    Could you point me in the right direction how i could spread the prev. and next button more appart? currently thy are so close togheter http://tardis1.tinygrab.com/atfti
    wish to spread them all the way... on the otherside of the form.

    Thanks for your help!

    Posted 12 years ago on Friday July 1, 2011 | Permalink
  2. Try adding this to your theme stylesheet. It should do what you want.

    [css]
    body .gform_page_footer input.gform_next_button {
        float: right;
    }

    screenshot: http://bit.ly/lkW2Qt

    Posted 12 years ago on Friday July 1, 2011 | Permalink
  3. Tim
    Member

    Hi ... strange.. i just added it and ti does not seem to work :(

    What im i doing wrong?

    Posted 12 years ago on Sunday July 3, 2011 | Permalink
  4. Couldn't say for sure without seeing your form page. Can you post a URL so I can check it out?

    Posted 12 years ago on Sunday July 3, 2011 | Permalink
  5. Tim
    Member

    Hi Kevin..

    Ok i found the problem. It seems that whenever you use your own buttons (image) the "next" button wont align right.

    Any sugguestions how i could solve this unsing my own buttons?

    Thanks,

    Tim

    PS: I dont feel compfortable posting links into an open forum, is there a way that i can PM you?

    Posted 12 years ago on Monday July 4, 2011 | Permalink
  6. Yep, when you're using the image buttons, that class name doesn't apply. You'll need to view the source and get the ID of your "next" button image. Then you can target it and float it right as in the previous example.

    [css]
    body .gform_page_footer input#gform_next_button_93_6 {
        float: right;
    }

    You would simply replace the "gform_next_button_93_6" in the example above with the actual ID from your form.

    screenshot: http://bit.ly/lUNS57

    Posted 12 years ago on Monday July 4, 2011 | Permalink
  7. Tim
    Member

    Works like a charm :-) Thanks!

    Posted 12 years ago on Tuesday July 5, 2011 | Permalink

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