Net-Results CSS Style Sheet

Below is the CSS styling sheet for Forms. While pretty comprehensive, this styling sheet does not include all of the different styles that you can apply to edit your form and with some coding you are able to add more options.

You would paste this on the page level settings of the Landing Page Builder within Net-Results. Still unsure? Email support@net-results.io for help!

Need to learn more about CSS? We LOVE W3Schools! Check them out to learn more about CSS, HTML and more!

To learn how to leverage this sheet click here.

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

body form.maForm label.maFormSubscriptionSelectLabel {
display: none;
}
/* END MAFORM Style Overrides */

Was this article helpful?