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.

Next Button Alingment

  1. vpautosales
    Member

    My work is here;

    http://vpautosales.com/testing/

    I am attempting to duplicate the layout of;

    https://loans.car.com/loans-new-design/

    I am struggling to move the alignment of the NEXT button to center on the right hand side of the form selection. I am guessing this has to do with it inheriting features from the footer, but I do not know enough CSS to fix it. Any input would be much appreciated.

    Thank you in advance.

    Posted 8 years ago on Sunday June 30, 2013 | Permalink
  2. I'm no CSS expert, but I see a couple of issues. First, on my screen the radio button circles are getting cut off on the left. You can modify .gform_wrapper.gf_browser_chrome .gfield_radio li input[type=radio] with padding-left:2px; and that fixes it.

    The two <li> that hold the radio button questions are pushing that Next button down. If you shorten the width of containing <ul> a bit and float the second <li> left instead of right, that will move the Next button up on the same line.

    You'll also have to deal with the form box shortening when the Next button moves up. You might have to set a height for the box to deal with it.

    I hope this is helpful.

    Posted 8 years ago on Sunday June 30, 2013 | Permalink
  3. vpautosales
    Member

    Thank you I will try your suggestions.

    Posted 8 years ago on Sunday June 30, 2013 | Permalink

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