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!
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*/
}
.png)