Form CSS Style Sheet

  1. Home
  2. Knowledge Base
  3. Form CSS Style Sheet

Add the below to the Page Level Settings on your Landing Page, then follow these directions to style your form exactly as you’d like!

/* BEGIN MAFORM Style Overrides */
body form.maForm {
    padding: 20px 23px 0px;
}

body form.maForm label {
    font-weight: normal;
}

body form.maForm input {
	height: 37px;
	width: 100%;
	margin-top: 3px;
	background-color: #fafafa;
	font-size: 14px;
}

body form.maForm input[type="radio"] {
	height: 17px;
	margin: 2px 7px 2px 4px;
}

body form.maForm input[type="checkbox"] {
	float: none;
	position: static;
	opacity: 1;
	width: inherit;
}

body form.maForm select {
	width: 100%;
	height: 39px;
}

form.maForm textarea {
    width: 100%;
}

body form.maForm .maFormElement:last-of-type {
	text-align: center;
}

body form.maForm button {
	font-size: 14px;
	text-shadow: none;
	padding: 10px 15px;
	color: #fff;
	font-weight: 400;
	border: none;
	background-color: #0078e7;
	background-image: none;
	width: 100% !important;
	text-transform: uppercase;
}

body form.maForm button:hover {
	border-width: 2px;
	background-color: #bef128;
}
/* END MAFORM Style Overrides */

Was this article helpful?