How do I center the submit button?

Go to Forms → Settings → Custom CSS & JS, and at the Custom CSS (All devices) field add the following CSS code.

12
3
45
678
9
10
.quform-element-1_2 {    float: none;
    margin: 10px auto;
    width: 110px;}
@media screen and (max-width: 767px) {    .quform-element-1_2 {        width: 100%;
    }
}
.quform-element-1_2 {
    float: none;
    margin: 10px auto;
    width: 110px;
}
@media screen and (max-width: 767px) {
    .quform-element-1_2 {
        width: 100%;
    }
}
  • On lines 1 and 7, replace 1_2 with the Submit element unique ID
  • On line 4, adjust the 100px number to the desired button width to perfect the alignment if needed
  • On line 6, adjust the 767px number to the desired screen size that the button should become full width for better usability on mobile devices
Be inspired. © 2024 ThemeCatcher Ltd. 20-22 Wenlock Road, London, England, N1 7GU | Company No. 08120384 | Built with React | Privacy Policy