Last active
January 8, 2016 14:51
-
-
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/
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
.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