Reposition a submit button

[Anonymous]

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!

[Alok_Ramsisaria]

Hi Steve,

You can add the following code to your CSS;

.mktoForm .mktoFormRow {

clear: none !important;

float: left !important;

}

Hope this helps!
 

[Anonymous]

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

[Anonymous]

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;
  }