Styling Web Forms

Groundhogg's Web Form Benchmark uses the active theme's styles.

You can add your own styling by adding the following code to either the theme's functions.php file or using a code snippet plugin. 

add_action( 'wp_head', function () { ?>
<style>
	
/* Form wrapper */
.gh-form-wrapper {
	padding: 20px;
    	background-color: #f6f9fb;
}
/*inputs*/
.gh-form input, textarea {
	border-width: 0px 0px 1px 0px;
    	background-color: #f6f9fb;
    	border-radius: 0px;
}
	
[placeholder]:focus::-webkit-input-placeholder {
	transition: text-indent 0.4s 0.4s ease; 
	text-indent: -100%;
opacity: 1;
 }

/* button */
button.gh-submit.gh-button.primary {
    border: 1px solid #61848d;
    color: #61848d;
}

button.gh-submit.gh-button.primary:hover {
    background-color: #61848d;
    border: solid #61848d 1px;
    color: #fff;
}

</style>
<?php } );