AnsweredAssumed Answered

Aligning Form Button with Form Fields -

Question asked by 7e7ca41a8f5d2d615d77990ca4b6f4b6a26698c4 on Apr 5, 2017
Latest reply on Apr 5, 2017 by b95a90d1883ef006e94ca806d2fa8bae9b239553

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*/

}

Outcomes