Skip to content

Instantly share code, notes, and snippets.

@srikat
Last active January 8, 2016 14:51
Show Gist options
  • Star 2 You must be signed in to star a gist
  • Fork 3 You must be signed in to fork a gist
  • Save srikat/f3ff75d356c73eacdaa2 to your computer and use it in GitHub Desktop.
Save srikat/f3ff75d356c73eacdaa2 to your computer and use it in GitHub Desktop.
Sample CSS for styling Gravity Forms in Genesis. http://sridharkatakam.com/sample-css-styling-gravity-forms-genesis/
.entry .gform_wrapper {
max-width: 100%;
margin-bottom: 28px;
}
.gform_wrapper ul li.gfield {
margin-bottom: 20px;
}
.entry .gform_wrapper input[type=text],
.entry .gform_wrapper input[type=url],
.entry .gform_wrapper input[type=email],
.entry .gform_wrapper input[type=tel],
.entry .gform_wrapper input[type=number],
.entry .gform_wrapper input[type=password] {
padding: 7px;
font-size: 18px;
border-radius: 5px;
}
.entry .gform_wrapper form {
background: #f2f2f2;
}
.entry .gform_wrapper h2.gsection_title,
.entry .gform_wrapper .gsection_description,
.entry .gform_wrapper h3.gform_title {
width: 100%;
}
.entry .gform_wrapper .gform_heading {
width: 100%;
margin-bottom: 0;
}
.entry .gform_wrapper h3.gform_title {
margin-top: 0;
margin-bottom: 0;
background: #6d6e70;
color: #fff;
padding: 20px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.entry .gform_wrapper span.gform_description {
padding: 20px;
display: block;
}
.gform_wrapper span.gform_description p:last-child {
margin-bottom: 0;
}
.entry .gform_wrapper .gform_body {
padding: 0 20px 0 20px;
}
.entry .gform_wrapper .top_label .gfield_label {
color: #6d6e70;
}
.entry .gform_wrapper .gform_footer {
padding: 0 20px 20px 20px;
}
.entry .gform_wrapper .gform_footer input.button,
.entry .gform_wrapper .gform_footer input[type="submit"] {
background: #d8452e;
border-radius: 5px;
padding: 9px 18px;
text-transform: none;
font-weight: bold;
letter-spacing: 1px;
}
.entry .gform_wrapper .gform_footer input.button:hover,
.entry .gform_wrapper .gform_footer input[type="submit"]:hover {
background: #333;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment