1 Reply Latest reply on Apr 5, 2017 12:00 PM by b95a90d1883ef006e94ca806d2fa8bae9b239553

    Aligning Form Button with Form Fields -

    Lin Ling

      Hi, I'm creating a simple form to embed for developers, so not the full CSS yet. I've removed the form labels. But when I do, I am having trouble aligning the form button with the form fields in a responsive manner. Does anyone else have this issue, with a resolution? Also, When you remove the form labels, you also remove the required *...is there a way to only keep the required *?

       

      Thanks!

       

      Form.png

      Simple custom CSS:

       

      .mktoForm input[type=text], 

      .mktoForm input[type=url], 

      .mktoForm input[type=email], 

      .mktoForm input[type=tel], 

      .mktoForm input[type=number], 

      .mktoForm input[type=date], 

      .mktoForm select.mktoField, 

       

       

      #mktoForm_1042.mktoForm label {

         display:none;

      }

       

      .mktoButton {

        -webkit-appearance: none;

        background-color:#98d528 !important;

        left: 0px;

        color: #fff;

        font-size: 14px !important;

        font-weight: 600;

      }

       

       

      .mktoForm textarea.mktoField{

        margin-left: 20px; !important; /*clearly this doesn't work*/

        padding:2px 0px 2px 10px !important; /*clearly this doesn't work*/

      }