How to move the form button up or down using CSS

Version 11

    Issue: You would like to change ths position of the form button up or down.

     

    (Typical case: You've just changed the button color of the form and now you want to change the position.)

    Please ensure that you have access to an experienced Web developer.

    Marketo Technical Support is not set up to assist with troubleshooting code.

    Solution:

    Add css style using adding the margin-top property referencing the button. The following code snippet can be a positive or negative number to shift the button up or down. Typically if you used the button color solution add the margin-top property as in the screen shot or add the code below in an additional custom html block.

     

    Code snippet:

     

    < style>

    div.buttonSubmit input, div.buttonSubmit span {

    margin-top: 50px;

    }

    < /style>

     

    move up-down.png

     

    Related Links:

    Change Submit Button Style and Color

    How to move a form button left or right using CSS