3 Replies Latest reply on Dec 23, 2014 12:58 PM by 5e17a71f4fe7f750a160243118a6f4a3457d5a4d

    Reposition a submit button

      I have a single form field (email address) and a submit button.

      Does anyone have the CSS required to reposition the submit button to the right of the form field? Thanks!
        • Re: Reposition a submit button
          Alok Ramsisaria
          Hi Steve,

          You can add the following code to your CSS;

               .mktoForm .mktoFormRow {
               clear: none !important;
               float: left !important;
               }

               Hope this helps!
                
          • Re: Reposition a submit button
            Thanks for the reply, Alok. It was a very close solution. I found that I needed to address the Button Row along with the Form Row.

                      .mktoForm .mktoFormRow {
                          float: left !important;
                      }

                           .mktoForm .mktoButtonRow {
                               float: left !important;
                           }

                 Steve
            • Re: Reposition a submit button
              I tried the above solutions with no luck but was able to succesfully get a one line email address/submit button with no left margin etc.. (forms 2.0, simple theme).

              /* Add your custom CSS below */

              /* remove width constraint to allow for float */
              .mktoForm {
                        width: auto !important
                }

              /* remove left margin */
              .mktoForm span {
                  margin-left: 0px !important;
                }

              /* align row */
              .mktoFormRow {
                  float: left !important;
                }

              /* remove bottom margin */
              .mktoFormCol {
                  margin-bottom: 0px !important;
                    }

              /* remove offset */      
              .mktoOffset {
                          width: auto !important;
                        }
              /* remove gutter margin */
              .mktoGutter {
                    width: 0px !important;
                  }
               /* button style */
              .mktoButton {
                  height: 31px !important;
                  width: 45px !important;
                }

              .mktoForm input[type=email] {
                  height:31px !important;
                    width:171px !important;
                }