4 Replies Latest reply on Jun 27, 2018 8:54 PM by Dave Roberts

    Custom Form Updates

    Liz Krupka

      Hi there -

       

      I am trying to update a few things on a form with the css that you used to be able to use to update them:

       

      1) The form submit button to be lower.

      2) The form submit button to the right not the left.

      3) Adding more padding in between fields so the form doesn't look smushed together. This isn't working for the form like it used to:

       

      <style>

      div.buttonSubmit input, div.buttonSubmit span {

      margin-left: 50px;

      }

      </style>

       

      Any thoughts?

        • Re: Custom Form Updates
          Sanford Whiteman

          Do you mean "used to" as in Forms 1.0?

          • Re: Custom Form Updates
            Dave Roberts

            I'll pile on to what Sanford posted here:

            1) The form submit button to be lower.

                 .mktoButtonRow {margin-top:20px !important;}

            This adds a margin to the top of the button row, adjust the "20" for more or less padding.

             

            2) The form submit button to the right not the left.

               .mktoButtonRow {float:right;} 

               .mktoButtonWarp {margin-left:0px !important;}

            The first rule pushes the button to the right side of the form, the second clears the default left margin.

             

            3) Adding more padding in between fields so the form doesn't look smushed together. This isn't working for the form like it used to:

               .mktoFormRow {margin-bottom:20px !important;}

            Each form row (except the button row) will get this padding. Note that for the last field row, it'll have 20px bottom margin + 20px top-margin for the button row, so a total of 40px from the last field to the button.