• Resolved baytocruz

    (@baytocruz)


    How do you align the submit button, so it is centered across the fields? The submit button defaults to being lower than the fields. Thank you.

    Also, how do you decrease the height of the submit button without changing the text size?

    https://ibb.co/8xvQG4h

Viewing 3 replies - 1 through 3 (of 3 total)
  • Hi @baytocruz

    If you could provide a link that demonstrates the form, I can share CSS code to help accomplish this.

    Thread Starter baytocruz

    (@baytocruz)

    @media ( max-width: 600px ) {
    .site-footer-widget .widget_custom_html {
    margin-bottom: 25px;
    }
    }

    div.wpforms-container-full .wpforms-form input[type=date], div.wpforms-container-full .wpforms-form input[type=datetime], div.wpforms-container-full .wpforms-form input[type=datetime-local], div.wpforms-container-full .wpforms-form input[type=email], div.wpforms-container-full .wpforms-form input[type=month], div.wpforms-container-full .wpforms-form input[type=number], div.wpforms-container-full .wpforms-form input[type=password], div.wpforms-container-full .wpforms-form input[type=range], div.wpforms-container-full .wpforms-form input[type=search], div.wpforms-container-full .wpforms-form input[type=tel], div.wpforms-container-full .wpforms-form input[type=text], div.wpforms-container-full .wpforms-form input[type=time], div.wpforms-container-full .wpforms-form input[type=url], div.wpforms-container-full .wpforms-form input[type=week], div.wpforms-container-full .wpforms-form select, div.wpforms-container-full .wpforms-form textarea {
    border-radius: 5px !important;
    }

    .wpforms-form button[type=submit] {
    background-color: #E9724C !important;
    border-color: #024488 !important;
    color: #fff !important;
    transition: background 0.3s ease-in-out;
    border-radius: 25px;
    font-size: 1.2em !important;
    object-position: 20px 1px !important;
    }

    .wpforms-form button[type=submit]:hover {
    background-color: #022B57 !important;
    }

    Hey @baytocruz – Thanks for contacting us and I apologize for the delay!

    For the button height and alignment, please try adding following CSS and let me know how it goes:

    .wpforms-submit {
        margin-top: -10px !important;
        padding: 6px 16px !important;
    }

    And in case it helps, here’s a tutorial on how to add custom CSS like this to your site.

    In case the code does not work, please share the form URL so I can take a closer look.

    Kindly,

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Submit button is not aligned’ is closed to new replies.