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.
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.
