Skip to main content
March 6, 2014
Question

Reposition a submit button

  • March 6, 2014
  • 3 replies
  • 1268 views
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!
This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.

3 replies

Level 10
March 7, 2014
Hi Steve,

You can add the following code to your CSS;

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

Hope this helps!
 
March 7, 2014
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
December 23, 2014
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;
  }